React/Redux前端和Node.js后端之间的CORS问题[重复]

Question

React应用程序在端口3000上，而我的服务器在端口4000上。根据我的还原操作，我把这条路由称为

 axios.get("localhost:4000/auth/user", config) 
      .then(res => dispatch({
          type: USER_LOADED,
          payload: res.data
      }))

即使我已经向服务器添加了这些CORS设置：

app.use(function (req, res, next) {
  res.header('Access-Control-Allow-Origin', '*')
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With')

  next()
})

我错过了什么？

Answer 1

localhost:4000/auth/user不是有效的URL。浏览器将localhost:解释为方案，因此会出现关于该方案的错误消息：

跨源请求只支持协议方案:http、data、chrome、chrome-extension、HTTPS。

您应该使用http://localhost:4000/auth/user作为URL。