javascript - React、Axios 问题 : Response for preflight has invalid HTTP status code 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 请求。