windowsでローカルのファイル読み込み時のcorsエラーの解決

Windowsでローカルのファイル読み込み時のCORSエラーの解決

Windows環境でローカルのHTMLファイルから同じディレクトリ内に存在するJSONファイルを参照しようとしたところ、以下のようなエラーが発生

Access to XMLHttpRequest at 'file:///〇〇' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

エラー原因としては

CORS リクエストは URL スキームが HTTPS の場合のみ利用できますが、リクエストで指定された URL が異なる種類のものです。これは、ローカルファイルを指定する URL が、 file:/// の URL を使用している場合によく起こります。

この問題を修正するには、単純に CORS に関するリクエストを発行する際に HTTPS の URL を使用するようにしてください。
  • windowsでローカルのファイル読み込み時のcorsエラーの解決.1636091935.txt.gz
  • 最終更新: 2021/11/05 05:58
  • by 133.11.144.12