时间戳

首页 > 解决方案 > 违反内容安全政策指令

javascript - 违反内容安全政策指令

问题描述

在我的全栈项目（服务器端渲染）中，我有我的 bundle.js 文件，我使用一个简单的脚本标记将其包含在我的基本 HTML 文件中，但是在尝试渲染页面并使用 JS 功能时，它提供了违反内容安全政策的错误

这是我收到的错误

在此处输入图像描述

我在这里找到了关于 Stack Overflow 的几个解决方案：拒绝加载脚本，因为它违反了以下内容安全策略指令

然而，没有一个给定的解决方案似乎可以解决这个问题。请告诉如何解决这个问题

标签： javascriptnode.jsexpresscompiler-errorscontent-security-policy

解决方案

尝试这个：

// Download helmet
npm install helmet

const helmet = require('helmet')

app.use(helmet());

app.use(
  helmet.contentSecurityPolicy({
    directives: {
      "default-src": ["'self'"],
      "connect-src": ["'self'", "'unsafe-inline'"],
      "img-src": ["'self'", "data:"],
      "style-src-elem": ["'self'", "data:"],
      "script-src": ["'unsafe-inline'", "'self'"],
      "object-src": ["'none'"],
    },
  })
);

请添加更多代码，以便我为您提供更多帮助

推荐阅读