poketatsu asked 1年 ago
初めまして。 先月より始めさせていただいてるものです！ 非常にわかりやすく楽しくやらせてもらっています！ 第2版のP278について質問なのですが、 以下の２つのエラーが出てしまい残りわずかですのボタンが動かなかったです。 サンプルも同じ挙動でした。 ご回答お待ちしております。
Access to XMLHttpRequest at ‘file:///C:/Users/hopef/Desktop/%E5%8B%89%E5%BC%B7/book-js(JavaScript)/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/_template%20-%206-03/data.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
jquery-3.4.1.min.js:2 GET file:///C:/Users/hopef/Desktop/%E5%8B%89%E5%BC%B7/book-js(JavaScript)/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/_template%20-%206-03/data.json net::ERR_FAILED
狩野 祐東 Staff answered 1年 ago
ご連絡ありがとうございます。
こちらでも動作しないことを確認しました。
エラーメッセージを見る限り、いつからかはわかりませんが、ブラウザ（Chrome、Firefox）が、同一オリジンポリシー（p.283）を厳密に解釈するようになったみたいです。簡単にいえば「file:///」で始まるURLでは別ファイルのデータを読み込まなくなっているため不具合が発生しています。
可能であれば、p.211で紹介しているServedをインストールして、Served経由で動作を確認してみてもらえますか？ ただし、現在のmacOSではこのServedもインストールできなくなっていることを確認しています（Windowsではこれから検証）。Served以外の代替手段は本サイトで記事にするつもりです。その際はもうしばらくお待ちください。
poketatsu