Bild kann nicht geladen werden, da es Content Security Policy

Question

In Chrom App verletzt ich Bilder von externem Link zu laden versuche aber immer Fehler

Refused das Bild ‚unsicher: https://www.google.co.in/images/srpr/logo11w.png‘ geladen werden, da es gegen die folgende Content Security Policy Richtlinie: „img src- 'selbst' Blob: Dateisystem: data: Chrom-Erweiterung-Ressource:

ich bereits hinzugefügt content_security_policy in manifest.json Datei

"content_security_policy": "img-src 'self' https://www.google.co.in/ blob: filesystem: data: chrome-extension-resource:;" 

und

auch hinzugefügt explizit URL Protokolle Angular der weißen Liste einen regulären Ausdruck

.config(['$compileProvider', 
    function ($compileProvider) { 
     var currentImgSrcSanitizationWhitelist = $compileProvider.imgSrcSanitizationWhitelist(); 
     var newImgSrcSanitizationWhiteList = currentImgSrcSanitizationWhitelist.toString().slice(0, -1) 
     + '|chrome-extension:' 
     + currentImgSrcSanitizationWhitelist.toString().slice(-1); 

     console.log("Changing imgSrcSanitizationWhiteList from " + currentImgSrcSanitizationWhitelist + " to " + newImgSrcSanitizationWhiteList); 
     $compileProvider.imgSrcSanitizationWhitelist(newImgSrcSanitizationWhiteList); 
    } 
     ]); 

aber immer noch Fehler gibt.

Answer 1

Sie kann nicht überschreiben (dieser Schlüssel ist nur für Erweiterungen).

Sie müssen Ihre App anpassen, um die Bilder lokal zwischenzuspeichern - Sie können sie nicht direkt einbetten. Siehe Google-Leitfaden unter Referencing external resources.

Werfen Sie auch einen Blick auf this question - wenn Sie unsafe: in Ihren URLs bekommen, tun Sie es nicht richtig.