做出反应后调用本地快递服务器

Question

我想在我的反应代码中使用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');
});

但是当我从反应ui进行调用时,它会给出这个错误:

XMLHttpRequest无法加载http:// localhost:8001/enterInfo.对预检请求的响应未通过访问控制检查:请求的资源上不存在"Access-Control-Allow-Origin"标头.因此,不允许来源" http:// localhost:8080 "访问.

Answer 1

您必须在服务器上启用跨源资源共享.

检查此包裹:

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');
});