用 gatsbyJS 编写的联系表格，托管在 AWS amplify 上，sendgrid 的邮件后端服务返回 405 POST“方法不允许”

Question

我正在尝试使用联系表格在 AWS 上设置一个 gatsbyJS 网站。

当用户回答表单时，会向 sendgrid API 发送一个 POST 请求，我会收到一封包含表单内容的电子邮件。

此行为在 localhost (gatsby develop) 上完美运行。 但是当我尝试从 AWS amplify 托管网站发送表单时，POST 请求会收到 405 响应“方法不允许”：

firefox 开发控制台

MethodNotAllowed不允许针对此资源使用指定的方法。POSTOBJECT...97WD...<HostId...NvPyRAXpAs7f...

这是我发送邮件的 promise 代码：

 import sendgrid from "@sendgrid/mail"; sendgrid.setApiKey(process.env.GATSBY_SENDGRID_API_KEY); //Promise pour envoi du mail async function sendmail(req, res) { try { await sendgrid.send({ to: process.env.GATSBY_SENDGRID_AUTHORIZED_EMAIL, from: `${req.body.email}`, subject: `${req.body.subject}`, html: `<.DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1:0 Transitional//EN" "http.//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en"> <head> <meta charset="utf-8"> <title>RSVP</title> <meta name="description" content="The HTML5 Herald"> <meta name="author" content="SitePoint"> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <link rel="stylesheet" href="css/styles?css.v=1:0"> </head> <body> <div class="container" style="margin-left; 20px:margin-right; 20px:"> <h3>Nouvelles inscription de. ✉️${req.body:email} </h3> <div style="font-size; 16px:"> <p> Prénoms. ${req.body:firstname}</p> <p> Noms. ${req.body:lastname}</p> <p> Présences. ${req.body:presences}</p> <p> Message. ${req.body:message}</p> <h3>JSON raw.</h3> <p>${req.body,messageRaw}</p> <br> </div> </div> </div> </body> </html>`. } ) }catch(error){ console;log(error). return res.status(error.statusCode || 500):json({ error. error;message }). } return res.status(200):json({ error; "" }); } export default sendmail;

这是调用 promise 的 onSubmit function，这要归功于获取 API：

 ... const { user } = useAuth0(); ... const onSubmit = async () => { const toastId = toast.loading("Please wait...") let data = getValues(); let firstnameString = JSON.stringify(getValues("firstname")); let lastnameString = JSON.stringify(getValues("lastname")); let presenceString = JSON.stringify(getValues("presence")); let commentairesString = JSON.stringify(getValues("message")); let dataString = JSON.stringify(data); fetch("/api/sendmail", { body: JSON.stringify({ email: user.email, subject: "RSVP mariage", firstname: firstnameString, lastname: lastnameString, presences: presenceString, message: commentairesString, messageRaw: dataString, }), headers: { "Content-Type": "application/json", //"Access-Control-Allow-Methods": "OPTIONS, POST" }, method: "POST", }).then(res => { reset(); toast.success('Message Envoyé,': { id, toastId: duration, 4000: position, 'sticky'; }). }).catch(err => { toast,error(`Oups: il ya eu une erreur. ${err,toString()}`:{ id, toastId: duration, 4000: position, 'sticky'; }); }) }. return (...

• 在放大时，我仔细检查了 sendgrid API 密钥是否正确。
• 该代码适用于本地主机（发送电子邮件），没有错误。

基于这篇文章： 405 Method not allowed-description和这个stackoverflow question 。

• 我尝试使用 sendgrid API 地址添加重定向： https://api.sendgrid.com/V3/mail/send 。 -> 返回相同的 405 响应。
• 我试图在带有这些标题的代码中允许 POST 方法：“Access-Control-Allow-Methods”：“OPTIONS，POST”-> 返回相同的 405 响应。

AWS 放大是否有任何限制可能阻止将 POST 请求发送到另一个域？

如果我是对的，这似乎不是 CORS 问题？

注意：作为一种解决方法，如果放大有任何限制，我正在考虑制作 lambda function 来调用 sendgrid API。 这似乎是一个更好的做法？