I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
I have problem, error 500 when sending code.
enter image description here
Here’s the code:

server.js

import nodemailer from 'nodemailer'
import bodyParser from 'body-parser'
import cors from 'cors' // Добавляем импорт
import morgan from 'morgan'

const app = express()
app.use(bodyParser.json())
app.use(cors()) // Добавляем использование middleware
app.use(morgan('dev'))

// Настройка Nodemailer
const transporter = nodemailer.createTransport({
  service: 'gmail', // Используемый сервис, например, 'gmail',
  host: 'smtp.gmail.com',
  port: 587, // порт для безопасного подключения
  secure: false,
  auth: {
    user: '****@gmail.com', // Ваша почта
    pass: '****' // Ваш пароль приложения (или обычный пароль)
  }
})

app.post('/api/send-recovery-code', (req, res) => {
  const { email } = req.body
  const recoveryCode = Math.floor(100000 + Math.random() * 900000) // Генерация 6-значного кода

  const mailOptions = {
    from: '****@gmail.com', // Ваша почта
    to: email, // Почта получателя
    subject: 'Код восстановления аккаунта',
    text: `Ваш код восстановления: ${recoveryCode}`
  }

  transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
      return res.status(500).json({ message: 'Ошибка при отправке кода.' })
    }
    res.status(200).json({ message: 'Код отправлен на ваш email.' })
  })
})

app.listen(587, () => {
  console.log('Server is running on port 587')
})

test.vue

<script setup>
import { ref } from 'vue'
import axios from 'axios'

const email = ref('')
const message = ref('')

const sendRecoveryCode = async () => {
  try {
    const response = await axios.post('http://localhost:587/api/send-recovery-code', {
      email: email.value
    })

    message.value = response.data.message
  } catch (error) {
    message.value = 'Ошибка при отправке кода. Попробуйте снова.'
    console.error(error)
  }
}
</script>

<template>
  <div class="recovery-form">
    <h2>Восстановление аккаунта</h2>
    <form @submit.prevent="sendRecoveryCode">
      <div>
        <label for="email">Электронная почта:</label>
        <input type="email" id="email" v-model="email" required />
      </div>
      <button type="submit">Отправить код</button>
    </form>
    <div v-if="message">{{ message }}</div>
  </div>
</template>

<style scoped>
.recovery-form {
  max-width: 400px;
  margin: auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

label {
  display: block;
  margin-bottom: 8px;
}

input {
  width: 100%;
  padding: 8px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

button {
  width: 100%;
  padding: 10px;
  background-color: #007bff;
  border: none;
  border-radius: 4px;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

button:hover {
  background-color: #0056b3;
}
</style>