Javascript 响应连接到节点Cors飞行前故障 节点服务器 反应JS获取

我需要帮助确定我的请求或服务器端处理有什么问题，chrome在飞行前失败后取消了我的请求，也就是为什么我的飞行前请求失败

我正在本地主机上运行react，并使用不同的url连接到远程服务器

据我所知，飞行前的请求失败了，然后chrome取消了请求。但是，当我在本地运行请求时，登录仍然成功地到达了节点端的登录路径

当单步执行代码时，在飞行前调用之后，实际调用中的服务出现400错误。如果我打电话，但不插手，我会得到一个 （已取消）在开发工具的“网络”选项卡中。但是，每次在服务器端调用都是成功的

General
Request URL:http://jenkins.murmillosoftware.com:1337/user/register/
Request Method:POST
Status Code:400 Bad Request
Remote Address:52.5.222.29:1337
Referrer Policy:no-referrer-when-downgrade

Response Headers
view source
Access-Control-Allow-Credentials:true
Access-Control-Allow-Headers:X-Requested-With, X-HTTP-Method-Override, Content-Type, Accept, Origin
Access-Control-Allow-Methods:GET,PUT,POST,DELETE
Access-Control-Allow-Origin:http://127.0.0.1:3000
Connection:keep-alive
Content-Length:47
Content-Type:application/json; charset=utf-8
Date:Wed, 16 Aug 2017 22:24:48 GMT
ETag:W/"2f-vn6Bxm14Gkpb5HFTCsgU2h3Nq3o"
set-cookie:connect.sid=s%3AjPVtqIoi6zy0QPmhfFkprFObfwj_J-Lw.sPvW3qRc1Vwj4R6qFBtW0oXykF68Qn%2FAwmLCWrg51qc; Path=/; HttpOnly
X-Powered-By:Express

Request Headers
view source
Accept:application/json
Accept-Encoding:gzip, deflate
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Content-Length:44
Content-Type:application/json
Host:jenkins.murmillosoftware.com:1337
Origin:http://127.0.0.1:3000
Pragma:no-cache
Referer:http://127.0.0.1:3000/login?
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Request Payload
view source
{username: "fdasfas", password: "asdfasdf"}
password
:
"asdfasdf"
username
:
"fdasfas"

---

您是否尝试过express/cors？我最近也遇到了访问允许源代码的问题，然后我从下载express/cors

npm install cors

然后加入你的程序

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

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})

---

您还可以在[link]

中看到使用cors的其他方法，只需google for CORSOpen开发者工具即可。打开控制台。阅读错误消息。Chrome不会因为CORS问题而取消Ajax请求，除非说明原因。在本地调用中添加了网络日志，以便我可以验证它是否确实命中了服务。

npm install cors

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

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})