wancoro blog

学んだことをアウトプットしていきたいと思います

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Aサーバで呼び出したJavascriptからBサーバのHTMLファイルを呼び出ししようとすると、エラーが出た

*** has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

CORSとは?

ajax通信をするために、安全性を保つため、
リソースの取得先をアプリケーション呼び出し元と同一のオリジン(ドメインのこと?)に限定するらしい。
それ以外のオリジンから取得したい場合はCORSの設定がいるとのこと。

developer.mozilla.org

対処方法

レスポンスを返却する側のヘッダーに以下を追加する

Access-Control-Allow-Origin: <origin-url>

developer.mozilla.org