CSP 框架祖先如何支持 Android Cordova 应用程序答案

【问题标题】：The CSP frame-ancestors how to support Android Cordova appsCSP 框架祖先如何支持 Android Cordova 应用程序
【发布时间】：2018-05-22 14:54:04
【问题描述】：

我已在网络服务器 https://www.exapleA.com/test/ 上添加了 CSP 配置 frame-ancestors: 'self'。

目前我有另一个 Android Cordova 应用程序，并在 JS 文件中使用 iframe 标签来加载以上网站页面，如下所示：

&lt;iframe src="https://www.exapleA.com/test/"&gt;&lt;/iframe&gt;

但我收到如下 CSP 错误：

拒绝在框架中显示“https://www.exapleA.com/test”，因为祖先违反了以下内容安全策略指令： “框架祖先'自我'

您知道 Android Cordova 应用程序将所有静态文件添加到包装器中，因此没有域可以附加到“frame-ancstors”中。那么如何解决这个问题呢？

【问题讨论】：

【解决方案1】：

在您的 Cordova 配置 (config.xml) 中，您只需添加以下内容：

<preference name="Hostname" value="custom-domain.co" />
<allow-navigation href="http://custom-domain.co/*"/>

custom-domain.co 类似于您的 Android APK 的域。

然后，您将能够像这样配置您的网站：

frame-ancestors: 'self' custom-domain.co

有关更多信息，请参阅此链接（配置 -> 主机名部分）：https://github.com/ionic-team/cordova-plugin-ionic-webview

【讨论】：