AngularSplitModule CSP問題-由於違反CPS指令：“ default-src'self'”而拒絕加載圖像

Question

在我的應用程序中，我將AngularSplitModule導出到共享模塊中，以便可以在需要時在其他功能模塊中使用它。

 import { NgModule } from '@angul`enter code here`ar/core'; import { CommonModule } from '@angular/common'; import { AngularSplitModule } from 'angular-split'; @NgModule({ declarations: [ ], imports: [ ], exports: [ AngularSplitModule, CommonModule ] }) export class SharedModule { } 

在構建過程之后，我遇到一個問題，由於CSP違規，裝訂槽上的小圖標無法加載。

錯誤信息：

有人可以指出我正確的方向嗎？ 非常感謝。

Answer 1

我看不到您的CSP配置，但是您需要設置img-src 'self' data:; 允許數據uri圖像。

請參閱以下網址中的 <scheme-source> ： https ： //developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy/img-src#Sources