当我添加helemJS - 编程之家

如何解决当我添加helemJS

最初我制作了一个应用程序，它在 html 中使用此代码，然后使用实现字体真棒图标并运行良好的类。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

我现在是第一次学习 helmJS 并且已经将它实现到我的 server.js 文件中。我可以将 controlSecurityPolicy 设置为 false，但我想保留该功能并且感觉这是在走捷径。当我调用 CSP 时，我成功地将图像和 jQuery 添加到指令中，因此它们工作正常。但是，当我为 fontawesome 执行此操作时，它会将图标变为白色方块。

app.use(helmet({ dnsprefetchControl: false,contentSecurityPolicy: {
      directives: {
        defaultSrc: ["'self'"],"img-src": ["'self'","https://i.ibb.co/"],// images
        scriptSrc: ["'self'","https://code.jquery.com/jquery-3.1.1.js"],styleSrc: [ "'self'","https://use.fontawesome.com/releases/v5.8.1/css/all.css"],// LINK THAT IS NOT WORKING.
      },},})
);

必须有一种方法来修复白色方块并在使用头盔JS后再次使它们成为图标，但我一直没有找到答案。非常感谢任何和所有帮助。

解决方法

检查您的浏览器开发者控制台，了解您的服务器 CSP 配置，如下所示。

如果标题 content-security-policy 标题没有带有 font-awesome。那么就表示当前的 CSP 没有生效。清除浏览器中的缓存并重试或在新浏览器中尝试以检查它是否正确。