ブラウザでローカルファイル（file://）を開こうとするとエラー

概要

ローカル環境にて、javascriptのfetch関数を埋め込んだHTMLをブラウザにて開いたところ、下記のようなエラーがコンソールで表示。

Access to fetch at 'file:///test/a.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.

エラーの内容をググったところ、CORSのセキュリティに引っかかったそうです。

developer.mozilla.org

CORS (オリジン間リソース共有、 Cross-Origin Resource Sharing) は、 HTTP ヘッダーの転送で構成されるシステムであり、ブラウザーがオリジンをまたいだリクエストのレスポンスに、フロントエンドの JavaScript コードがアクセスすることをブロックするかどうかを決めるものです。

対処方法

FireFox

FireFox の場合はURLにabout:configを打ち込んで、設定ファイルを開きます。
下記の2点を更新します。

• content.cors.disable：true
• security.fileuri.strict_origin_policy：false