由于 Content-Security-Policy，Swagger UI 为空白

【问题标题】：Swagger UI is blank because of Content-Security-Policy由于 Content-Security-Policy，Swagger UI 为空白
【发布时间】：2020-03-30 18:18:33
【问题描述】：

我正在尝试修复 swagger UI 的问题 Content-Security-Policy。我正在寻找一种方法来添加标题或Springfox 配置选项来解决问题。

它无法加载 UI，v2/api-doc 工作正常。

请建议我解决问题的方法。

【问题讨论】：

你有没有找到解决方案，我们如何覆盖这个 swagger ui 由于 CSP 是空白的？
是的，它被不支持内容安全的内部过滤器阻止。我已经让它再次允许它。

标签： spring-boot swagger swagger-ui springfox

【解决方案1】：

这个问题是由于我的fastify头盔造成的。

import headers from "fastify-helmet";

替换 main.ts 中的以下内容

app.register(headers)'

与

app.register(helmet, {
    contentSecurityPolicy: {
      directives: {
        defaultSrc: [`'self'`],
        styleSrc: [`'self'`, `'unsafe-inline'`],
        imgSrc: [`'self'`, 'data:', 'validator.swagger.io'],
        scriptSrc: [`'self'`, `https: 'unsafe-inline'`],
      },
    },
  })

解决了这个问题：

【讨论】：