身份验证错误：预检响应具有无效的 HTTP 状态代码 405

Question

我想实现身份验证。实际上，我的项目是在 Angular 2 Beta 中构建的，但我使用this 身份验证示例进行测试。我有自己的 API，只是将它的 url 添加到这个示例项目中。它不起作用）它显示了这个错误：

Failed to load resource: the server responded with a status of 405 (Method Not Allowed)
Fetch API cannot load http://blah-blah-blah. Response for preflight has invalid HTTP status code 405

这里是登录方法：

login(event, phone, password) {
event.preventDefault();
window.fetch('http://blah-blah-blah', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    phone, password
  })
})
.then(status)
.then(json)
.then((response:any) => {
  localStorage.setItem('access_token', response.id_token);
  this.router.parent.navigateByUrl('/home');
})
.catch((error) => {
  alert(error.message);
  console.log(error.message);
});
}

Answer 1

您似乎正在尝试进行跨域 AJAX 调用。为此，您的远程服务器 API 必须支持 CORS。飞行前请求是浏览器在发出实际 POST 请求之前使用 OPTIONS 动词发送的特殊请求：

OPTIONS http://blah-blah-blah

服务器必须以正常的 200 状态代码进行响应，并包含正确的 CORS 标头，指示允许哪些域向它发出请求。只有在那之后才会发送实际的 POST 请求。

您的 API 的问题是端点向此 OPTIONS 请求返回了 405 Not Allowed 状态代码。因此，您需要修复您的 API，使其支持 OPTIONS 动词。