JavaScript クロスオリジンのエラーがログに表示された

ショコラ
ショコラ

JavaScript クロスオリジンのエラーがログに表示された

jQuery の「$.ajax」で通信をした時に、クロームのログに以下のようなエラーが表示されました。
「Access to XMLHttpRequest at ‘https://xxxx’ from origin ‘http://oooo’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.」
(オリジン ‘http://oooo’ から ‘https://xxxx’ にある XMLHttpRequest へのアクセスが CORS ポリシーによってブロックされました:要求されたリソースに ‘Access-Control-Allow-Origin’ ヘッダーが存在しません。)

もっさん先輩
もっさん先輩

通信先 ‘Access-Control-Allow-Origin: *’ のヘッダーを出力するようにすれば、通信ができるようになります。↓下は PHP での対応の仕方です。

header('Access-Control-Allow-Origin: *');

以上

Scroll to Top