首页 > 解决方案 > POST 请求返回 504 Online 但在本地工作

问题描述

介绍

我的 POST 请求可以离线工作,即在本地主机上,但在部署网站时不起作用。

我正在使用 nextjs、node、nodemailer、axios 和 nginx。我也使用了 fetch 而不是 axios,它给了我同样的问题。

情况

我有一个 handleSubmit 函数,它从联系表单中获取一些输入并将其发送到我的 Gmail 帐户:

        axios({
            method: "POST",
            url: "/api/submit",
            data: body,
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            }
        }).then((response) => {
            if (response.data.status === 'success') {
                alert("Email sent, awesome!");
            } else {
                alert("Oops, something went wrong. Try again")
            }
        })

api/submit.js 如下:

import nodemailer from "nodemailer"

var transport = {
    service: 'gmail',
    host: "smtp.gmail.com",
    port: 587,
    secure: false,
    auth: {
        user: process.env.USER,
        pass: process.env.PASS
    }
}

var transporter = nodemailer.createTransport(transport);

transporter.verify((error, success) => {
    if (error) {
        console.log("There was an error:" + error);
    } else {
        console.log("Server is ready to take messages")
    }
})

export default async (req, res) => {
    switch (req.method) {
        case "POST":
            var name = req.body.name;
            var content = name " text "
            var mail = {
                from: name,
                to: "myemail@gmail.com",
                text: content
            }
    
            transporter.sendMail(mail, (err, data) => {
                if (!err) {
                    res.json({
                        status: "success"
                    })
                    res.end();
                }
            })
            break
        case "GET":
            res.status(200).json({name:"John Doe"})
            break
        default:
            res.status(405).end()
            break
    }

}

当我运行 npm run dev 或 npm start 它发布到 http://localhost:3000/api/submit 并且我在几秒钟内收到电子邮件时,代码在本地工作。

但是,当我在 DigitalOcean 上部署网站并点击提交按钮时,60 秒内没有任何反应,然后我在 POST 请求中得到状态代码 504。如果我向 api/submit 发送一个 GET 请求,它可以工作,并且我看到了该请求的 JSON,所以这是 POST 请求的具体问题。

我的 Nginx 将其记录如下:

2021/02/27 13:59:35 [error] 95396#95396: *3368 upstream timed out (110: Connection timed out) while reading response header from upstream, client: my.ip, server: website.com, request: "POST /api/submit HTTP/1.1", upstream: "http://127.0.0.1:3000/api/submit", host: "website.com", referrer: "https://website.com/contact"

我已经尝试调试它好几天了,但我就是想不通。有人有想法么?

EDIT 01.03.2021这个问题尴尬地解决了。

原来端口都是开放的,telnet 对所有邮件端口和 smtp 主机都有效。

当我硬编码用户名/密码时,例如临时邮件用户:“blah@emphemeral.email”,通过:“fakepassword”;电子邮件将在生产中发送。

原来我的 process.env.USER 和 process.env.PASS 在npm run build期间没有被替换为 .env 中的 process.env.USER/PASS 的值,因为我正在克隆我的 GitHub 存储库,其中不包含我的 .env 文件。在服务器上创建我的 .env 文件并运行npm run build后,代码运行良好。

谢谢大家的回复,麻烦您了。

标签: node.jspostfetchnext.jsnodemailer

解决方案


请从部署您的应用程序的 Digital Ocean 中检查是否为以下主机打开了端口。 Host:smtp.gmail.com Port: 587


推荐阅读