在反应中对本地快递服务器进行邮政呼叫

Posted 2023-03-04

【中文标题】在反应中对本地快递服务器进行邮政呼叫

【英文标题】：make post call to local express server in react

【发布时间】：2017-09-25 13:40:15

【问题描述】：

我想在我的反应代码中使用 axios 对在端口 8001 上运行的本地快速服务器进行后调用，如下所示：

axios.post('http://localhost:8001/enterInfo',headers:  'crossDomain': true , payload)
        .then((response) => 
            this.setState(
                saved:true
            )
        )

我的快递服务器正在监听 8001 端口。我在我的快递服务器中编写了一个 post 方法：

app.post('/postUrl', (req, res) => 
console.log(req.body);
res.send('111');
);

但是当我从 react ui 拨打电话时， 它给出了这个错误：

XMLHttpRequest 无法加载 http://localhost:8001/enterInfo。回复 预检请求未通过访问控制检查：否 'Access-Control-Allow-Origin' 标头出现在请求的 资源。因此不允许使用原点“http://localhost:8080” 访问。

【问题讨论】：

***.com/questions/10435407/proxy-with-express-js

【参考方案1】：

您必须在您的服务器上启用跨域资源共享。

查看package：

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.post('/postUrl', (req, res) => 
   console.log(req.body);
   res.send('111');
);