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/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src#Sources

AngularSplitModule CSP 问题 - 拒绝加载图像，因为违反了 CPS 指令："default-src 'self'"

AngularSplitModule CSP issue - refused to load image because violating CPS directive: "default-src 'self'"

angular

content-security-policy

angular-module