[解決済み】このコードの「CORSリクエストにはURLスキームが "http "または "https "でなければなりません」というエラーを解決するにはどうしたらいいですか【重複】。

質問

の中に以下のようなメッセージが表示されます。 console .

sandbox.js:1 Fetch API cannot load file:///C:/Users/Lizzi/Desktop/novice%20to%20ninja/todos/luigi.json を参照してください。 CORSリクエストのため、URLスキームは"http"または"https"である必要があります。

私は、初めて aynchronouse を読みました。 CORS の解決策として、クロームの拡張機能を入手したり、グーグルクロームのウェブセキュリティを無効にしたりしてみましたが、まだうまくいきません。

fetch('todos/luigi.json').then((response)=>{
  console.log('resolved',response);
}).catch((err)=>{
    console.log('rejected', err);
});

解決方法は？

Fetch APIを正しく動作させるためには、index.htmlをローカルで提供するか、あなたのサイトをどこかのライブサーバでホストしている必要があります。ファイルは、http または https プロトコルを使用して提供される必要があります。

ファイルエクスプローラからindex.htmlをクリックしただけなら、ブラウザはこれらのファイルをファイルシステムから直接取得していることになります。このため、コンピュータのルートフォルダからの絶対パスがエラーとして表示されます。

以下のいずれかをインストールしてみてください。 - npmサーブ - ライブサーバ（Visual Studio Codeの拡張機能です。）

または、あなたの環境で動作する任意のサーバー。

サーバーを立ち上げれば問題なく動作するはずです :) ハッピーコーディング!