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

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

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

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

1 个答案: