PhoneGap安卓应用无法加载在线资源（图片等）问题求助

嘿，我之前也碰到过一模一样的情况——浏览器里测试啥都正常，打包成安卓APP就卡壳，外部图片、reCAPTCHA全加载不出来还没报错。其实核心问题就是Cordova的内容安全策略（CSP）限制，再加个可能的网络权限配置遗漏，不用额外装插件就能搞定，一步步来：

1. 先搞定内容安全策略（CSP） #

这是最常见的元凶。浏览器的同源策略没那么严格，但Cordova安卓应用默认会限制外部资源加载，你得在index.html的<head>里加个CSP元标签，明确告诉APP允许加载哪些域名的资源。

比如你要加载https://www.xxxx.de的图片，还要用Google reCAPTCHA的话，标签可以这么写：

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; img-src 'self' https://www.xxxx.de https://www.google.com https://www.gstatic.com; script-src 'self' https://www.google.com https://www.gstatic.com 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline';">

给你拆解下关键部分：

• img-src：必须把你的图片域名https://www.xxxx.de加上，还有Google reCAPTCHA需要的https://www.google.com和https://www.gstatic.com，不然图片和验证码都加载不了
• script-src：要包含reCAPTCHA的脚本域名，另外unsafe-inline和unsafe-eval是reCAPTCHA运行必须的，暂时得加上（如果追求极致安全，后续可以再细化规则）
• 如果还要加载外部文本/API资源，记得在里面加个connect-src字段，写上对应的接口域名

2. 检查安卓网络权限配置 #

再打开你的config.xml，确认这些配置有没有加：

<access origin="*" />
<allow-navigation href="*" />
<allow-intent href="*" />

• access origin="*"：允许APP访问所有外部资源（如果想更安全，也可以写成具体域名，比如<access origin="https://www.xxxx.de" />）
• allow-navigation：允许APP内部导航到外部域名，避免跳转失败
• allow-intent：处理外部链接的跳转需求，比如reCAPTCHA可能用到

要是你需要检测网络状态，可以装个cordova-plugin-network-information插件，但这不是必须的，只是辅助功能：

cordova plugin add cordova-plugin-network-information

3. 最后试试清理缓存重新编译 #

有时候旧的编译缓存会搞事情，执行这两条命令清一下再重新打包：

cordova clean android
cordova build android

快速测试小技巧 #

要是还是没头绪，先把<img>的src换成一个公开可访问的测试图，比如https://picsum.photos/200，看看能不能加载。如果能，说明是你目标域名的CSP规则没写对；如果还是不行，再回头检查权限和CSP的拼写。

内容的提问来源于stack exchange，提问作者Jannik