[解決済み] 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:*" />
関連
-
[解決済み】エラー。Android SDK 内で gradle ラッパーが見つかりませんでした。Android SDKをアップデートする必要があるかもしれません。
-
[解決済み】Cordova - 現在の作業ディレクトリはCordovaベースのプロジェクトではありません。
-
[解決済み] 新しいプロジェクトでcordova.jsが見つからない
-
[解決済み] DeprecationWarningです。Tapable.pluginは非推奨です。代わりに `.hooks` の新しい API を使用してください。
-
[解決済み] ionic 2 でアイコンやボタンを大きくする方法
-
[解決済み] ionic 2 - エラー Android Studio でインストールされたバージョンの Gradle も見つかりませんでした。
-
[解決済み] 携帯電話のギャップにおけるローカルストレージの使用
-
[解決済み] 次の Content Security Policy ディレクティブに違反するため、スクリプトの読み込みを拒否しました。
-
[解決済み] Cordova 5.0.0: どのファイルを git にコミットするべきですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】エラー。Android SDK 内で gradle ラッパーが見つかりませんでした。Android SDKをアップデートする必要があるかもしれません。
-
[解決済み】Cordova - 現在の作業ディレクトリはCordovaベースのプロジェクトではありません。
-
[解決済み] 新しいプロジェクトでcordova.jsが見つからない
-
[解決済み] DeprecationWarningです。Tapable.pluginは非推奨です。代わりに `.hooks` の新しい API を使用してください。
-
[解決済み] ionic 2 でアイコンやボタンを大きくする方法
-
[解決済み] ionic 2 - エラー Android Studio でインストールされたバージョンの Gradle も見つかりませんでした。
-
[解決済み] 携帯電話のギャップにおけるローカルストレージの使用
-
[解決済み] Cordova 5.0.0: どのファイルを git にコミットするべきですか?