Ошибка аутентификации: ответ на предполетный период имеет недопустимый код состояния 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. Запрос перед полетом является специальным запросом о том, что браузер посылает с помощью глагола OPTIONS до принятия фактического запроса POST:

OPTIONS http://blah-blah-blah 

сервер должен отвечать с нормальным 200 кодом состояния и включает в себя соответствующие заголовки CORS указания того, какие доменам разрешено делать запросы к нему. Только после этого будет отправлен фактический запрос POST.

Проблема с вашим API заключается в том, что конечная точка вернула 405 недопустимый код состояния этому OPTIONS. Поэтому вам нужно будет исправить свой API так, чтобы он поддерживал глагол OPTIONS.