AngularJSがAccess-Control-Allow-Originヘッダーを検出していませんか?

テイラーオトウェル

ローカル仮想ホスト(http://foo.app:8000)でAngularアプリを実行しています。を使用して、別のローカルVirtualHost(http://bar.app:8000)にリクエストを送信してい$http.postます。

$http.post('http://bar.app:8000/mobile/reply', reply, {withCredentials: true});

Chromeデベロッパーツールの[ネットワーク]タブには、もちろんOPTIONSリクエストが表示され、レスポンスには次のヘッダーが含まれています。

Access-Control-Allow-Origin: http://foo.app:8000

ただし、POSTリクエストは次のエラーでキャンセルされます。

要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://foo.app:8000 'はアクセスを許可されていません。

誰かがこれを経験したことがありますか?Access-Control-Allow-OriginPOSTは、ヘッダが欠落して行動している理由は、私は私の人生のために把握することはできませんので、ヘッダは非常に分かりやすく、要求OPTIONSの応答に含まれています。

Access-Control-Allow-Credentialsにも設定されtrueます。

user1469734

これは、ローカル開発者にとってChromeのバグです。他のブラウザを試してください。その後、それは動作します。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

CloudFrontがS3からAccess-Control-Allow-Originヘッダーを正しく返していません

分類Dev

CloudFrontがS3からAccess-Control-Allow-Originヘッダーを正しく返していません

分類Dev

AngularJSからWebAPIエラーへの呼び出し:「Access-Control-Allow-Origin」ヘッダーに複数の値が含まれているため、Originはアクセスを許可されていません

分類Dev

「Access-Control-Allow-Origin」ヘッダーが.htaccessで機能しませんか?

分類Dev

複数のCORSヘッダー 'Access-Control-Allow-Origin'は許可されていません/ CORSヘッダー 'Access-Control-Allow-Origin'がありません)

分類Dev

reactjsのAxiosPostがエラーを出している要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません

分類Dev

CORSヘッダー「Access-Control-Allow-Origin」がありません

分類Dev

Pedestalで起点が許可されている場合、「Access-Control-Allow-Origin」ヘッダーは存在しません

分類Dev

CORSフィルターを追加した後、Access-Control-Allow-Originヘッダーが見つかりません

分類Dev

@CrossOriginがAccess-Control-Allow-Originヘッダーを追加しない

分類Dev

Rails + Cloudfront-Access-Control-Allow-Originヘッダーが存在しません

分類Dev

ReactJS:XMLHttpRequestを含む「Access-Control-Allow-Origin」ヘッダーがありません

分類Dev

Access-Control-Allow-Originヘッダーのエラーを取得しています

分類Dev

要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。AngularJS

分類Dev

Access Control Allow Originヘッダーがfetch api呼び出しに存在しない

分類Dev

Access-Control-Allow-Originヘッダーが機能しない

分類Dev

'Access-Control-Allow-Origin'ヘッダーが存在します

分類Dev

AWS API Gateway 'Access-Control-Allow-Origin'ヘッダーがありません

分類Dev

Spring CORS「Access-Control-Allow-Origin」ヘッダーがありません

分類Dev

AWS API Gateway 'Access-Control-Allow-Origin'ヘッダーがありません

分類Dev

理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません/ Spring Boot

分類Dev

AWS API Gateway 'Access-Control-Allow-Origin'ヘッダーがありません

分類Dev

理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません/ Spring Boot

分類Dev

Flask CORS-redirect()にAccess-control-allow-originヘッダーがありません

分類Dev

CORSヘッダー「Access-Control-Allow-Origin」にLaravel5.4がありません

分類Dev

角度4からのOwinトークン呼び出し「Access-Control-Allow-Origin」ヘッダーが要求されたリソースに存在しません

分類Dev

XMLHttpRequestがXXXを読み込めません 'Access-Control-Allow-Origin'ヘッダーがありません

分類Dev

CORSヘッダー「Access-Control-Allow-Origin」は一致しません...しかし、一致します!

分類Dev

JAX-RS Access-Control-Allow-Origin ヘッダーが存在しませんが、ResponseFilter に追加されました

Related 関連記事

  1. 1

    CloudFrontがS3からAccess-Control-Allow-Originヘッダーを正しく返していません

  2. 2

    CloudFrontがS3からAccess-Control-Allow-Originヘッダーを正しく返していません

  3. 3

    AngularJSからWebAPIエラーへの呼び出し:「Access-Control-Allow-Origin」ヘッダーに複数の値が含まれているため、Originはアクセスを許可されていません

  4. 4

    「Access-Control-Allow-Origin」ヘッダーが.htaccessで機能しませんか?

  5. 5

    複数のCORSヘッダー 'Access-Control-Allow-Origin'は許可されていません/ CORSヘッダー 'Access-Control-Allow-Origin'がありません)

  6. 6

    reactjsのAxiosPostがエラーを出している要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません

  7. 7

    CORSヘッダー「Access-Control-Allow-Origin」がありません

  8. 8

    Pedestalで起点が許可されている場合、「Access-Control-Allow-Origin」ヘッダーは存在しません

  9. 9

    CORSフィルターを追加した後、Access-Control-Allow-Originヘッダーが見つかりません

  10. 10

    @CrossOriginがAccess-Control-Allow-Originヘッダーを追加しない

  11. 11

    Rails + Cloudfront-Access-Control-Allow-Originヘッダーが存在しません

  12. 12

    ReactJS:XMLHttpRequestを含む「Access-Control-Allow-Origin」ヘッダーがありません

  13. 13

    Access-Control-Allow-Originヘッダーのエラーを取得しています

  14. 14

    要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。AngularJS

  15. 15

    Access Control Allow Originヘッダーがfetch api呼び出しに存在しない

  16. 16

    Access-Control-Allow-Originヘッダーが機能しない

  17. 17

    'Access-Control-Allow-Origin'ヘッダーが存在します

  18. 18

    AWS API Gateway 'Access-Control-Allow-Origin'ヘッダーがありません

  19. 19

    Spring CORS「Access-Control-Allow-Origin」ヘッダーがありません

  20. 20

    AWS API Gateway 'Access-Control-Allow-Origin'ヘッダーがありません

  21. 21

    理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません/ Spring Boot

  22. 22

    AWS API Gateway 'Access-Control-Allow-Origin'ヘッダーがありません

  23. 23

    理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません/ Spring Boot

  24. 24

    Flask CORS-redirect()にAccess-control-allow-originヘッダーがありません

  25. 25

    CORSヘッダー「Access-Control-Allow-Origin」にLaravel5.4がありません

  26. 26

    角度4からのOwinトークン呼び出し「Access-Control-Allow-Origin」ヘッダーが要求されたリソースに存在しません

  27. 27

    XMLHttpRequestがXXXを読み込めません 'Access-Control-Allow-Origin'ヘッダーがありません

  28. 28

    CORSヘッダー「Access-Control-Allow-Origin」は一致しません...しかし、一致します!

  29. 29

    JAX-RS Access-Control-Allow-Origin ヘッダーが存在しませんが、ResponseFilter に追加されました

ホットタグ

アーカイブ