Node.js Nodemailer联系表单本地正常上线报invalid login如何解决

前端XMLHttpRequest配置无问题，触发"invalid login"提示的核心原因是服务端Nodemailer发信流程走了错误分支，返回值不等于success。本地运行正常、上线后失效，90%以上是Gmail邮箱的发信授权被线上环境触发风控拦截，剩余问题来自代码里的几处显性语法、字段匹配错误。

1. 修正代码里的显性错误 #

你贴的前后端代码存在3处会直接导致功能异常的问题，先逐一修复：

• 服务端端口打印的模板字符串用了单引号，变量无法正常解析，需替换为反引号
• 邮件正文text字段的模板字符串括号位置错误，字段拼接逻辑失效
• 前后端字段名不匹配：前端把密码输入框值存在level字段下，服务端却读取req.body.password，拿到的值永远是undefined；前端formData还重复定义了email字段，属于冗余代码

修正后的前端表单核心代码 #

form.addEventListener('submit', (e)=>{
e.preventDefault();
console.log('submit clicked')

// 删除重复的email字段，字段名和服务端对齐
let formData = {
    email: email.value,
    level: password.value,
    amount: amount.value,
    service: service.value,
    details: details.value
}

let xhr = new XMLHttpRequest();
xhr.open('POST', '/');
xhr.setRequestHeader('content-type', 'application/json');
xhr.onload = function() {
    console.log(xhr.responseText);
    // 优化错误提示，不要统一弹invalid login，方便定位问题
    if (xhr.responseText == 'success'){
        alert('Thank you! An Ogma representative will contact you shortly.');
        email.value = '';
        password.value = '';
        amount.value = '';
        service.value = '';
        details.value = '';
    }else{
        alert(`请求失败：${xhr.responseText}`);
    }

}

xhr.send(JSON.stringify(formData));
})

修正后的服务端核心代码 #

const express = require('express');
const app = express();
const nodemailer = require("nodemailer");
const PORT = process.env.PORT || 5000;

//Middleware
app.use(express.static('public'));
app.use(express.json())

app.get('/', (req, res)=>{
    res.sendFile(__dirname + '/public/Request.html')
})

app.post('/', (req, res)=>{
    console.log(req.body);

    const transporter = nodemailer.createTransport({
        service: 'gmail',
        auth: {
            user: process.env.GMAIL_USER, // 用环境变量存敏感信息，不要硬编码
            pass: process.env.GMAIL_APP_PASS // 这里不能填Gmail登录密码
        }
    })

    const mailOptions = {
        from: req.body.email,
        to: process.env.RECV_MAIL,
        subject: 'New message from Ogma',
        // 修正字段名和模板字符串位置
        text: [req.body.email, req.body.level, req.body.amount, req.body.service, req.body.details].join('\n\n')
    }

    transporter.sendMail(mailOptions, (error, info) =>{ 
        if(error){
            console.log(error);
            // 返回具体错误信息，方便前端排查
            res.send(`error: ${error.message}`);
        } else {
            console.log('Email sent: ' + info.response);
            res.send('success')
        }
    })
})

// 修正模板字符串的引号为反引号
app.listen(PORT, ()=>{
    console.log(`Server running on port ${PORT}`)
})

2. 解决Gmail发信授权拦截问题 #

Gmail早已禁止使用账号明文密码给第三方应用发信，本地测试能通多是临时触发了低权限访问白名单，线上服务器用的是数据中心IP，会直接被Gmail风控拦截：

• 登录发信用的Gmail账号，先开启两步验证
• 在账号安全设置页生成16位的应用专用密码，把这个密码填到Nodemailer配置的auth.pass字段，不要使用平时登录Gmail的密码
• 上线时把邮箱账号、应用专用密码、收件邮箱都配置到托管平台的环境变量里，不要硬编码在代码中泄露
• 如果首次配置后依然报错，登录Gmail邮箱查看安全提醒，将线上服务器的发信操作标记为本人操作，解除IP封禁

3. 托管环境额外排查 #

如果以上配置完成后依然报错，逐一检查托管平台设置：

• 确认线上Node.js版本和本地版本一致，所有npm依赖（尤其是nodemailer）已正确安装
• 确认托管服务商没有封禁465、587等邮件发送端口，部分服务商默认封禁此类端口防止垃圾邮件滥发
• 如果服务前挂了Nginx等反向代理，确认POST请求的JSON Body正常透传，请求体大小限制没有设置过小

内容的提问来源于stack exchange，提问作者C. Programmer