web-dev-qa-db-ja.com

コンテンツセキュリティポリシー: "img-src 'self' data:"

ユーザーが画像のURLをコピーして入力に貼り付けると、画像がボックスに読み込まれるアプリがあります。

しかし、私のアプリは、このメッセージをトリガーし続けます:

Refused to load the image 'LOREM_IPSUM_URL' because it violates 
the following Content Security Policy directive: "img-src 'self' data:".

それが私のメタタグです:

    <meta http-equiv="Content-Security-Policy" content="default-src *; 
img-src 'self' data:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; 
style-src  'self' 'unsafe-inline' *">

アプリ内でhtml2Canvasを使用しています。これを削除すると、「img-src 'seld' data:」

このエラーが発生します:

html2canvas.js:3025 Refused to load the image 'data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg'></svg>' because it violates
the following Content Security Policy directive: "default-src *". 
Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

他の多くのエラーとともに...

25

この部品を交換してみてください:

img-src * 'self' data: https:;

したがって、完全なタグ:

<meta http-equiv="Content-Security-Policy" content="default-src *;
   img-src * 'self' data: https:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *;
   style-src  'self' 'unsafe-inline' *">

コンテンツセキュリティポリシーリファレンス

46
manzapanza