Question

我收到错误：

localhost/:1 Failed to load http://localhost:5000/api/hello: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

这是我的异步POST：

async function submitToServer(data){

  try{
      let response = await fetch('http://localhost:5000/api/hello', {
          method: 'POST',
          headers: {
            'Content-type' :  'application/json',
          },
          body: JSON.stringify(data),
        });
        let responseJson = await response.json();
        return responseJson;
  }   catch (error) {
          console.error(error);
  }
}

这是我的服务器：

const express = require('express');

const app = express();
const port = process.env.PORT || 5000;

app.get('/api/hello', (req, res) => {
  res.send({ express: 'Hello From Express' });
});

app.listen(port, () => console.log(`Listening on port ${port}`));

如何将此信息发送到API？我是否需要创建端点或其他内容？

所以我安装了cors npm 现在我有这些错误：

POST localhost：5000 / api / hello 404（Not Found）

和

SyntaxError：意外的令牌＆lt;在位置0的JSON中

我现在能做什么？

Answer 1

您没有从快速服务器返回JSON。

res.send({ express: 'Hello From Express' });

应该是

res.json({ express: 'Hello From Express' });

此外，您定义了GET的路由，但是您发送了POST个请求。所以你的处理程序应该是：

app.post('/api/hello', (req, res) => {
  res.json({ express: 'Hello From Express' });
});

REACT，NODE，EXPRESS连接到API时出错

1 个答案: