axios内置Redux的自定义头问题

Question

我正在尝试使用自定义标题访问登录API。首先我得到了CORS错误：

CORS策略阻止从http://localhost:3000的URL访问XMLHttpRequest：对预飞行请求的响应不通过权限改造检查：请求的资源上不存在访问控制允许起源头

然后我通过没有CORS插件禁用了CORS。现在我得到：

从“源”访问“URL”处的XMLHttpRequesthttp://localhost:3000'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：它没有HTTP ok状态。

下面是我的代码：

    const userDetails = { email, password };

    let data = JSON.stringify({ 
          request : {
                    ascUser : 
                      {
                        userName : "[e-mail]",
                        password : "12345678"
                      }
                    }
    })
    return dispatch => {

      axios.request('URL', {data:data},
        {headers: {
        'Content-Type': 'application/json',
        'x-transId' : '****',
        'x-channel-id' : '***' 
      }}
      )
      .then(res => res.json())
      .then(res => {
        console.log(res)
          if(res.error) {
              throw(res.error);
          }
          dispatch(
            userLogin({
            ...userDetails
          })
        );
          return res.products;
      })
      .catch(error => {
        console.log(error)
      }
      ) 
  };
}```

Answer 1

你需要用这个https://www.npmjs.com/package/cors，在后端（可能在您的nodejs服务器上）

1. npm i cors--保存

2.

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