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

【问题标题】：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” 访问。

【问题讨论】：

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

标签： reactjs express xmlhttprequest cors

【解决方案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');
});

【讨论】：