Cordova页面加载外网图片失败，Refused to load the image

天马3798

于 2016-05-01 11:31:12 发布

阅读量2.5w

点赞数 4

分类专栏： Apache Cordova 文章标签： cordova 图片加载

本文链接：https://blog.csdn.net/u011127019/article/details/51289855

版权

Apache Cordova 专栏收录该内容

92 篇文章 209 订阅 ¥9.90 ¥99.00

订阅专栏

本文介绍了Cordova中遇到的外网图片加载失败问题，由于默认的安全策略（Content Security Policy, CSP）限制，需在HTML头部设置`img-src *`以允许加载所有图片。CSP旨在定义页面可加载资源，减少XSS攻击风险。通过调整CSP响应头，如`default-src 'self'; img-src *`，允许加载外网图片。虽然CSP并非所有浏览器都支持，但其低成本和安全性使其成为一种有益的补充安全措施。" 81124782,7767469,C语言预处理器、编译和链接详解,"['C语言', '编译原理', '程序设计', '软件开发流程']

摘要由CSDN通过智能技术生成

1.使用Cordova页面加载外网图片失败，抛出异常

Refused to load the image 'http://xxx.png' 
because it violates the following Content Security Policy directive: "default-src 'self' 
data: gap: https://ssl.gstatic.com 'unsafe-eval'". 
Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

错误原因：

index.html页面标头的 default-src为self，默认不使用外网资源

  <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src * ">
<

了解本专栏