コンテンツセキュリティポリシーディレクティブ：私は、角-CLIを使用して角度のプロジェクトを作成したが、

フォントをロードすることを拒否私はコンテンツセキュリティポリシーディレクティブ：私は、角-CLIを使用して角度のプロジェクトを作成したが、

npm start

を使用してこのプロジェクトを開始するとき、それは

Refused to load the font 'data:font/woff;base64,d09GRgABAAAAAGVUABEAAAAAxuQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABgAAAAC4AAAA0ArgC7UdQT1MAAAGwAAAQ6AAALgxKsqRTR1NVQgAAEpgAAAH3AAAELqI5y+RPUy8yAAAUkAAAAE8AAABgaGyBu2NtYXAAABTgAAABlAAAAkQkRATXY3Z0IAAAFnQAAABeAAAAugDsQf1mcGdtAAAW1AAABZcAAAvNb3/BHGdhc3AAABxsAAAACAAAAAgAAAAQZ2x5ZgAAHHQAAEApAAB3CtbiupxoZWFkAABcoAAAADYAAAA2BkubWWhoZWEAAFzYAAAAIAAAACQHFARfaG10eAAAXPgAAAI6AAAEEk4TN4Nsb2NhAABfNAAAAhIAAAISiLhpam1heHAAAGFIAAAAIAAAACACigzgbmFtZQAAYWgAAACUAAABHhQGLdJwb3N0AABh/AAAAq4AAASRk5y6n3ByZ...QxUajCCFt4p9HP4fzdSWs2XhWl5HvJazrIrFUyB0l5dpqcW10lV2wukjMLuAvyMHNiYpgPsrCVXZDKrkpll6UWkh7kABVAFVCDe7UFmxagDegA+hLHRPbqtMo7ZHCpKdT6tPGXybzo0+RXBLoPZt1tELcXxCmAAyZwYTJvdDFZKnDER44X2451rDqCyunIsRWvLSx6wnWqwPj/uX5/KuEy6DL0z6A/Fn79VihxMFJsrlAFy4DpZOcvNlMeNp+BRDLj0r+XFdRxdSNSNxiI/AL3ojKdAAB4AWPw3sFwIihiIyNjX+QGxp0cDBwMyQUbGdictkUwWDAwsDJogTgOPN4c9iz6bMos4iysHFChUDZXJnMWTSZZJrAQt9M+YQYBBh4GTgY2kEZOoJiA0z4GBxiEiDEzuGxUYewIjNjg0BGxkTnFZaMaiLeLo4GBkcWhIzkkAqQkEggceHw5HFkM2VRZJFlYebR2MP5v3cDSu5GJwWUDW9xG1hQXAFAmKZU=' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

を示しているが、私はいくつかのSOを読みます答えはCSPメタタグを設定する必要があるという点がありました。

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; font-src 'self' data: fonts.gstatic.com">

私のindex.htmlファイルしかし、これはブラウザのコンソールにも同じエラーログを表示しています。どんな助け？

このプロジェクトは、https://www.visualstudio.com/でホストされているgitディレクトリのディレクトリにあります。

このプロジェクトをこのgitディレクトリから別の場所に移動して実行すると、動作します。理由は分かりません。

出典

2017-11-09 Sunil Garg

似たようです：https://stackoverflow.com/questions/43078707/refused-to-load-the-font-angular-2; https://stackoverflow.com/questions/44732431/javascript-create-websocket-connection-ref-content-security/44732470#44732470 –

@Rohitluthraは、私がすでに述べた質問をチェックして、提供されたソリューションが私のために働いていないことを確認します。 –

私は2つの異なる答えを持っている2つの異なるリンクについて言及しました。あなたは両方を試しましたか？ –

https://fonts.googleapis.com;フォント-srcの「自己」https://fonts.gstatic.comデータ：; ">

^あなたはメタタグにCSPを設定する前に、あなたがすでに内の既存のCSPがあるエラーを取得した場合のトリック

出典

2017-11-09 17:36:40 WrksOnMyMachine

は動作しませんでした –

を行う必要があります。 https://securityheaders.io/を使用してアプリケーションをスキャンし、CSPが設定されているかどうかを確認することができます。

注：メタタグにCSPを設定する場合、タグにはタグは、ページの早い段階に配置する必要がありますble。

出典

2017-12-11 10:04:46

コンテンツセキュリティポリシーディレクティブ：私は、角-CLIを使用して角度のプロジェクトを作成したが、

答えて

関連する問題