19

プロジェクトでブートストラップ アイコンを使用しているため、エラーが発生します

サブリソースの整合性: リソース ' http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css ' には整合性属性がありますが、リソースは整合性をチェックするためにリクエストが CORS 対応である必要があります。そうではありません。整合性を強制できないため、リソースがブロックされました。

この問題を解決するのを手伝ってくれる人はいますか?本番環境に移行すると、アイコンが読み込まれません。

だから私はブートストラップアイコンのために以下のリンクを使用しています

%link{:href => "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css", :integrity => "sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7", :rel => "stylesheet"}/
4

2 に答える 2

18

Chrome DevTools コンソールを使用して jQuery をページに挿入しようとしたところ、このエラーが発生しました。私が使用していたコードは次のとおりです。

// Bad code
let script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.2.1.min.js';
script.crossorigin = 'anonymous';
script.integrity = 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=';
document.head.appendChild(script);

解決策は、次のように変更crossoriginすることでしたcrossOrigin(Origin は大文字の O):

// Good code
let script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.2.1.min.js';
script.crossOrigin = 'anonymous';
script.integrity = 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=';
document.head.appendChild(script);
于 2018-01-10T19:06:16.693 に答える