来自 GitHub 页面的 HTTP“发布”请求失败

Question

我目前正在构建自己的网站，该网站托管在 GitHub Pages。

该应用是使用react.js 构建的，此处显示的是联系表格。
我遇到的问题是我无法通过GitHub pages 上的表单使用云功能服务向google cloud platform 发送POST 请求。

我确信 GCP 上的 node.js 代码可以正常工作，因为我使用 Postman 发送请求。

使用 GCP 日志，该函数能够解析 POST：

• GCP Success with Postman

• GCP Failure from website

// react code
submitForm(event) {
  const {name, email, subject, message} = this.state;
  console.log("sending email...");
  console.log(JSON.stringify({name: name, email: email, subject: subject, msg: message}));
  fetch('GCP_API_HTTP', {
    method: 'POST',
    headers: { 'content-type': 'application/json', },
    body: JSON.stringify({ name: name, email: email, subject: subject, msg: message })
   }).then((response) => {
      if (response.status === 200) {
         return response.text();
      } else {
         this.setState({emailError: true});
         return response.text();
      }
   })
}

以下是 GCP 上的内容：

// GCP
const sgMail = require('@sendgrid/mail');
sgMail.setApiKey('API_KEY');

exports.contactMe = (req, res)=> {
  let jsonBody;

  switch (req.get('Content-Type')) {
    // '{"name":"John"}'
    case 'application/json':
      jsonBody = req.body;
      break;
    // 'John'
    case 'text/plain':
      jsonBody = req.body;
      break;
    // 'name=John' in the body of a POST request (not the URL)
    case 'application/x-www-form-urlencoded':
      jsonBody = req.body;
      break;
  }

  let msg = {
        to: 'example@gmail.com',
        from: { email: jsonBody.email, name: jsonBody.name },
        subject: jsonBody.subject,
        text: jsonBody.msg
    };
    sgMail.send(msg);
    res.send("received!");
    res.end();
};

Answer 1

了解GitHub Pages 发布您推送到存储库的所有静态文件非常重要。它也很想注意到...

GitHub Pages 不支持服务器端语言，例如nodejs、python等

由于POST 请求需要服务器端通信，因此您需要获取一个实际的服务器主机。
Here's a good read about Static sites by GitHub Pages