ヘッダー付きのリクエストをLaravelパスポートを使用してLaravel 5.3 APIに送信しようとしています。返されたヘッダー:私は4番の角度でlaravel apiにヘッダー付きhttpリクエストを送信できません
405(メソッド許可されていません)プリフライトリクエスト に
応答は、アクセス制御チェックに合格しない:いいえ「アクセス制御 - 許可 - 起源」 ヘッダが要求されたリソース上に存在します。 Origin 'http://localhost:4200'はアクセスできません。
myfrontend.mydomain.com
:header('Access-Control-Allow-Origin', '*')<br> header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, DELETE, OPTIONS')<br> header('Access-Control-Allow-Headers', 'Origin, Content-Type, Authorization , X-Auth-Token');<br>
と私のフロントエンドとAPI異なるアドレスを持っている:応答 は、私はLaravelのCORSミドルウェアが持つHTTPステータスコード405
を持っていましたmyapi.mydomain.com
私の角度HTTPリクエストヘッダーは:
let headers = new Headers({
'Content-Type': 'application/json; charset=utf-8',<br>
'Authorization': 'LaravelReturnedAuthToken',<br>
'Accept': 'application/json; charset=utf-8',<br>
'Access-Control-Allow-Origin': '*',<br>
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',<br>
'Access-Control-Allow-Headers': 'Content-Type, x-xsrf-token',<br>
});
let options = new RequestOptions({headers: headers});
Angular HTTPリクエストヘッダーを削除しても、すべて動作します。 私は何が間違っているのか分かりません。
API:Laravel 5.3
フロントエンド:アンギュラ4
' 405:MDN上でこの程度
より。あなたのリクエストは 'Content-Type:application/json'と' Authorization'ヘッダをリクエストに追加するので、あなたのリクエストからCORSプリフライトOPTIONSリクエストを実行する前にブラウザが自動的に(自動的に)OPTIONSリクエストを行います。自分のコード。そのプリフライトが失敗した場合、ブラウザはコード内のリクエストを試行することになりません。 https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Preflighted_requests – sideshowbarker