1. ホーム
  2. cordova

[解決済み] phonegapアプリケーションで "No Content-Security-Policy meta tag found. "というエラーが発生しました。

2023-02-20 20:42:44

質問

私のシステムで Cordova 5.0 をアップデートした後、新しいアプリケーションを作成しました。アプリケーションをデバイス上でテストしたところ、コンソールログにエラーが表示されました。

No Content-Security-Policy meta tag found.
Please add one when using the Cordova-plugin-whitelist plugin.: 23.

headセクションにmetaを追加します。

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

しかし、再び、私は同じエラーが発生し、アプリケーションでは、アプリ内ブラウザプラグインと他のWebサイトのリンクの7を使用しています。

どのように解決するのですか?

を追加した後 コードバプラグインホワイトリスト を追加した後、すべてのウェブページのリンク、または特定のリンクへのアクセスを許可するようにアプリケーションに指示する必要があります。

これを単純に config.xml に追加するだけです。

推奨 をドキュメントに追加してください。

<allow-navigation href="http://example.com/*" />

または

<allow-navigation href="http://*/*" />

プラグインのドキュメントより。

ナビゲーションのホワイトリスト

WebView 自体がどの URL に移動できるかを制御します。適用対象は トップレベルのナビゲーションにのみ適用されます。

Quirks: Androidでは、非http(s)スキーム用のiframeにも適用されます。

デフォルトでは、file:// URL へのナビゲーションのみが許可されます。他の URL を許可するには 他の URL を許可するには、タグを を追加する必要があります。

<!-- Allow links to example.com -->
<allow-navigation href="http://example.com/*" />

<!-- Wildcards are allowed for the protocol, as a prefix
     to the host, or as a suffix to the path -->
<allow-navigation href="*://*.example.com/*" />

<!-- A wildcard can be used to whitelist the entire network,
     over HTTP and HTTPS.
     *NOT RECOMMENDED* -->
<allow-navigation href="*" />

<!-- The above is equivalent to these three declarations -->
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="data:*" />