vue发邮件

<template>
  <div>
    <input v-model="email" placeholder="Enter your email" />
    <button @click="sendEmail">Send Email</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      email: ''
    };
  },
  methods: {
    sendEmail() {
      axios.post('/api/send-email', { email: this.email })
        .then(response => {
          alert('Email sent!');
        })
        .catch(error => {
          console.error('There was an error!', error);
        });
    }
  }
};
</script>

const express = require('express');
const nodemailer = require('nodemailer');
const app = express();

app.use(express.json());

app.post('/api/send-email', (req, res) => {
  const { email } = req.body;

  const transporter = nodemailer.createTransport({
    service: 'gmail',
    auth: {
      user: 'your-email@gmail.com',
      pass: 'your-email-password'
    }
  });

  const mailOptions = {
    from: 'your-email@gmail.com',
    to: email,
    subject: 'Hello from Vue.js',
    text: 'This is a test email sent from a Vue.js application!'
  };

  transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
      console.log(error);
      res.status(500).send('Error sending email');
    } else {
      console.log('Email sent: ' + info.response);
      res.status(200).send('Email sent!');
    }
  });
});

app.listen(3000, () => console.log('Server running on port 3000!'));

const cors = require('cors');
app.use(cors());