部署在 Digital Ocean 上的 React App 出现 404 错误

Question

我有一个关于 React 的验证表单，但是在单击提交时出现“404 错误”。 它在本地机器上完美运行。 //来自app.js

handleSubmit = async e => {
    e.preventDefault();
    const response = await fetch('/api/emailVerifier', {
      method: 'POST',
      body: this.state,
      headers: {
        'Content-Type': 'application/json',
      },

      //body: JSON.stringify({ post: this.state.post }),

    });
    const body = await response.text();
    
    this.setState({ responseToPost: body });
  };

//来自 server.js

app.post('/api/emailVerifier', async (req, res) => {
  console.log(req.body);
  const emailValidator = new EmailValidator();
  const { wellFormed, validDomain, validMailbox } = await emailValidator.verify(req.body.post);
  res.send(

    `response received , welllformed = ${wellFormed}, validDomain = ${validDomain}, validMailbox = ${validMailbox}`,
  );
});

我已经使用 npm 在服务器上安装了我的验证器我添加了 deep-email-validator --save

我的服务器上的目录有

asset-manifest.json  index.html   manifest.json      package.json  static
build                logo192.png  node_modules       robots.txt
favicon.ico          logo512.png  package-lock.json  server.js

Answer 1

您可以访问 DigitalOcean 上 server.js 中的其他端点吗？ 例如：如果您创建：

app.get('/', function (req, res) {
  res.send('hello world')
})

并从您的 React 应用程序向它发出请求，它会到达那个端点吗？

---

我认为您将很难从同一位置运行 React 应用程序和服务器。

如果您的 React 应用程序设置正确，它将尝试处理来自该 url 的所有请求。

你可以在与 React 应用程序不同的端口上运行 express 服务器。 然后流量不会同时路由到 React 服务器和您的 Express 服务器。