node.js - 连接reactjs和nodejs

Question

我有一个带有前端 react 和后端 Node 的应用程序。后端经过 postman 测试并且工作正常。前端 UI 使用静态数据进行测试。现在我已经设置了一个带有反应部分的代理来连接到后端 Node 。

我的 React 应用程序正在端口 3000 上运行我的 Node 正在端口 5000 上运行。

当我从前端请求后端的路由时，应用程序不使用代理设置，而是给我一个错误的请求错误。

我的前端位于客户端文件夹中。请帮忙。该项目可以在以下 github 链接中找到

https://github.com/prashantbhat84/mern-contactkeeper

请帮忙

Answer 1

这似乎是一个跨源问题。解决node服务器跨域问题有两种方法，

1. 使用cors Node 模块

首先安装cors模块。 npm 安装 cors

然后在您的应用程序中使用它

const Express       = require("express");
const BodyParser    = require("body-parser");
const Cors          = require("cors");

const app = Express();
app.use(Cors());

app.use(BodyParser.urlencoded({ extended: false }));
app.use(BodyParser.json());

app.listen(3001, 'localhost', (err) => {
    if(err) {
        console.log(err);
        process.exit(-1);
    }
    console.log("Server listen port 8083");
});

只需使用以下 header

app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.header("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE");
    next();
});