React，Axios问题：预检的响应包含无效的HTTP状态代码401

Question

我正在使用ReactJS和Axios构建登录页面。我的团队已经启动了一个可以响应Postman请求的本地服务器。

由于某些原因，它在我的登录页面上不起作用。这是我的代码：

const request = axios.request({
    url: `http://codelab:20080/uaa/oauth/token?grant_type=password&username=thien&password=123456`,
    method: 'POST',
    headers: {
      'Authorization': "Basic YnJvd3Nlcjo=",
    }
  }).then(response => {
    console.log(response);
  }).catch(error => {
    console.log(error);
  });

错误：

我不确定那些导致我的代码失败的请求之间有什么不同。我也安装了“Allow-Control-Allow-Origin”扩展，但没有用。

Answer 1

当您通过浏览器创建CORS时，会自动发送OPTIONS请求。仅当OPTIONS返回OK时，才允许CORS。 POSTMAN不存在OPITONS，因此POSTMAN可以成功发送。因此，您应该要求您的后端工程师过滤OPTIONS请求。

Answer 2

代码401意味着取消授权所以问题可能来自你的后端，如果那个api把你扔到401我怀疑它是来自CORS，因为错误会真的指向你的角色。尝试从后端询问验证，但根据您在axios和邮递员中的代码，我认为没有区别。