差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
| windowsでローカルのファイル読み込み時のcorsエラーの解決 [2021/11/05 06:01] – 133.11.144.12 | windowsでローカルのファイル読み込み時のcorsエラーの解決 [Unknown date] (現在) – 削除 - 外部編集 (Unknown date) 127.0.0.1 | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| - | ====== Windowsでローカルのファイル読み込み時のCORSエラーの解決 ====== | ||
| - | Windows環境でローカルのHTMLファイルから同じディレクトリ内に存在するJSONファイルを参照しようとしたところ、以下のようなエラーが発生 | ||
| - | |||
| - | Access to XMLHttpRequest at ' | ||
| - | |||
| - | エラー原因としては | ||
| - | |||
| - | CORS リクエストは URL スキームが HTTPS の場合のみ利用できますが、リクエストで指定された URL が異なる種類のものです。これは、ローカルファイルを指定する URL が、 file:/// の URL を使用している場合によく起こります。 | ||
| - | | ||
| - | この問題を修正するには、単純に CORS に関するリクエストを発行する際に HTTPS の URL を使用するようにしてください。 | ||
| - | |||
| - | とのこと。 | ||
| - | |||
| - | 解決策としては以下のようにして、ローカルサーバを立ち上げればよい。 | ||
| - | |||
| - | ==== 方法 ==== | ||
| - | |||
| - | npmでHTTPサーバソフトウェアをインストール | ||
| - | |||
| - | $ npm install -g http-server | ||
| - | |||
| - | HTMLファイルの存在するディレクトリに移動し、HTTPサーバを起動 | ||
| - | |||
| - | $ http-server | ||
| - | |||
| - | 最後にhttp:// | ||