使用Nodemailer发送邮件报错：网站提示Cannot POST /contact

1. 检查后端路由配置 #

确保index.js中正确注册了/contact的POST路由，且未遗漏关键中间件：

const express = require('express');
const app = express();
const sendEmail = require('./SendEmail');

// 必须添加解析JSON/表单请求体的中间件，否则后端无法获取前端传参
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// 注册POST /contact路由，关联邮件发送逻辑
app.post('/contact', async (req, res) => {
  try {
    await sendEmail(req.body);
    res.status(200).json({ message: '邮件发送成功' });
  } catch (error) {
    // 打印完整错误信息，不要仅依赖error.reason（部分错误对象无该属性）
    console.error('发送失败详情:', error);
    res.status(500).json({ error: '发送失败', details: error.message });
  }
});

app.listen(3001, () => console.log('后端运行在3001端口'));

• 确认路由路径完全匹配：避免写成/contact/（带尾斜杠），和前端请求路径保持一致。

2. 修复SendEmail.js的错误处理 #

如果error.reason返回undefined，说明错误对象结构不符合预期，直接打印完整错误定位问题：

const nodemailer = require('nodemailer');

async function sendEmail(formData) {
  // 配置邮件传输器，注意第三方邮箱需用授权码而非登录密码
  let transporter = nodemailer.createTransport({
    service: 'Gmail',
    auth: {
      user: '你的邮箱地址',
      pass: '邮箱授权码'
    }
  });

  const mailOptions = {
    from: formData.email,
    to: '接收邮件的地址',
    subject: `联系表单: ${formData.subject}`,
    text: `姓名: ${formData.name}\n邮箱: ${formData.email}\n内容: ${formData.message}`
  };

  try {
    await transporter.sendMail(mailOptions);
  } catch (error) {
    // 打印完整错误，包括栈信息，方便定位
    console.error('邮件发送内部错误:', error);
    // 抛出错误给上层路由处理，不要吞掉错误
    throw new Error(`邮件发送失败: ${error.message}`);
  }
}

module.exports = sendEmail;

• 确认邮箱配置的auth信息正确，比如Gmail需开启两步验证并生成应用专用密码。
• 检查mailOptions的字段和前端传入的参数名一致（比如前端传username还是name）。

3. 校验前端请求配置 #

确保React表单的请求方法、路径、内容类型正确：

const handleSubmit = async (e) => {
  e.preventDefault();
  try {
    const response = await fetch('http://localhost:3001/contact', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        name: nameInput,
        email: emailInput,
        subject: subjectInput,
        message: messageInput
      })
    });

    if (!response.ok) {
      const errorData = await response.json();
      throw new Error(errorData.error || '请求失败');
    }
    alert('邮件发送成功');
  } catch (error) {
    console.error('前端请求错误:', error);
    alert(error.message);
  }
};

• 确认请求URL和后端服务器的地址、端口一致（比如后端跑在3001，前端不能请求3000）。
• 若存在跨域问题，后端需添加CORS中间件：

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

4. Postman测试验证 #

用Postman测试时注意：

• 请求方法选择POST，路径填/contact。
• 请求体选raw -> JSON，填入测试数据：

{
  "name": "测试用户",
  "email": "test@example.com",
  "subject": "测试主题",
  "message": "测试内容"
}

• 查看Postman的响应状态和后端控制台输出，直接从后端日志找错误比依赖前端的error.reason更准确。

内容的提问来源于stack exchange，提问作者R3dragon