如何使用NetLify功能从NodeMailer那里获得响应？

Question

我正在使用NetLify函数来从前端发送电子邮件，并且可以正常工作...就像在此发送电子邮件一样。

但是，在客户端（浏览器）上，我无法得到任何响应。我需要一个基本响应，如果（status ===“成功”）displayMessage（），但我似乎无法在浏览器上得到任何响应，就可以使我做。

我收到此消息uck offult（在承诺中）SyntaxError：JSON.PARSE：JSON DATA的第1列中的意外字符，但是在通过Postman发送请求时，我得到了“响应”的“电子邮件发送”，这是是回调响应的身体部分。

这是我在.netlify/functions/sendmail上使用的函数

const nodemailer = require("nodemailer");

exports.handler = function (event, context, callback) {
  const mailConfig = {
    host: "smtp.mailgun.org",
    port: 465,
    secure: true,
    auth: {
      user: process.env.MAILGUN_USER,
      pass: process.env.MAILGUN_PASSWORD,
    },
  };
  const transporter = nodemailer.createTransport(mailConfig);

  transporter.verify((error, success) => {
    if (error) {
      console.log(error);
    } else {
      console.log("Ready to send emails");
    }
  });

  const messageData = JSON.parse(event.body);

  const { email, name, mobile, message, subject, recipient } = messageData;

  console.log(messageData);

  const mailOptions = {
    from: email,
    to: recipient,
    subject: subject,
    text: message,
  };

  transporter.sendMail(mailOptions, (error, success) => {
    if (error) {
      console.log(error);
      callback(error);
    } else {
      console.log("email sent");
      callback(null, {
        statusCode: 200,
        body: "Email sent successfully",
      });
    }
  });
};

，在客户端，我

const form = document.querySelector("#message");

const submitMessage = (event) => {
  event.preventDefault();

  const formData = new FormData(form);

  formData.append("recipient", "[email protected]");
  formData.append("subject", "Submission from website");

  const messageData = Object.fromEntries(formData);

  console.log(messageData);

  const url = ".netlify/functions/sendMail";
  const options = {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify(messageData),
  };

  fetch(url, options)
    .then((response) => response.json())
    .then((data) => console.log(data));
};

form.addEventListener("submit", submitMessage);

在fetch请求中拥有此功能，我期望data给我一个响应，以便我可以触发一些操作以显示显示成功的消息..

有人可以建议我在这里做错了什么吗？

Answer 1

我意识到自己在做什么错，这是其他人面临同样问题的解决方案。

在NetLify函数的回调中，我将正文发送为文本

      callback(null, {
        statusCode: 200,
        body: "Email sent successfully",
      });

，但是在clitionide提取请求中，我将其视为JSON，

  fetch(url, options)
    .then((response) => response.json())
    .then((data) => console.log(data));

因此基本上我可以使用response.text（）而不是response.json（）用于提取请求或使用json.stringify，然后从回调中返回JSON对象。我更喜欢json.stringify选项，如下

      callback(null, {
        statusCode: 200,
        body: JSON.stringify({
          status: "success",
          message: "Email sent successfully",
        }),
      });