next.js 由于csp问题,hotjar无法收集数据

d8tt03nd  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(131)

我试图在我的nextjs项目中使用hotjar,但它一直在控制台中给我下面的错误:
拒绝连接到“wss://ws.hotjar.com/api/v2/client/ws?v = 5”,因为它违反了以下内容安全策略指令:“default-src 'self' http:https:data:blob:'unsafe-inline'”。请注意,未显式设置“connect-src ",因此将”default-src“用作备用。1
我尝试在我的next.js.js中更改csp文件,但直到给予相同的错误。这是我的next.js.js文件:

const nextConfig = {
  output: "standalone",
  async headers() {
    return [
      {
        source: '/(.*)',
        headers: [
          {
            key: 'Content-Security-Policy',
            value:
              "default-src 'self' http: https: data: blob: 'unsafe-inline' ws://ws.hotjar.com wss://ws.hotjar.com; " +
              "img-src 'self' https://*.hotjar.com; " +
              "script-src 'self' https://*.hotjar.com 'unsafe-inline' 'unsafe-eval'; " +
              "connect-src 'self' https://*.hotjar.com wss://ws.hotjar.com https://*.hotjar.io wss://*.hotjar.com; " +
              "font-src 'self' https://*.hotjar.com; " +
              "style-src 'self' https://*.hotjar.com 'unsafe-inline'; " +
              "object-src 'none'; " +
              "base-uri 'self'; " +
              "form-action * 'self'; " +
              "frame-ancestors 'none'; block-all-mixed-content;",
          }
        ],
      },
    ];
  },
};

module.exports = nextConfig;

字符串

stszievb

stszievb1#

错误消息中的CSP与您显示的CSP配置不匹配。如果错误消息和配置都是最近的,这可能意味着设置了多个CSP。请检查您的响应标头和Meta标记。内容需要传递所有存在的策略。您可能需要删除/修改某些其他策略。

相关问题