相关疑难解决方法(0)

拒绝连接到 x,因为它违反了以下内容安全策略指令 (connect-src)

我在 heroku 上部署了一个 MERN 应用程序,并为 CSP 设置了以下值:

<meta
      http-equiv="Content-Security-Policy"
      content="connect-src https://api.themoviedb.org 'self'; default-src 'self'; base-uri 'self'; object-src 'none'; script-src 'unsafe-inline' 'self' ; style-src 'unsafe-inline' 'self' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com"
    />
Run Code Online (Sandbox Code Playgroud)

然而,这是我在 Chrome 控制台中得到的:

拒绝连接到 [URL],因为它违反了以下内容安全策略指令:“default-src 'self'”。请注意,“connect-src”未明确设置,因此“default-src”用作后备。

当我检查页面时可以在index.html中看到connect-src,为什么它告诉我connect-src没有设置?

html heroku node.js content-security-policy reactjs

6
推荐指数
2
解决办法
4万
查看次数

有没有办法将 data-* 作为脚本属性包含在自定义 Google 跟踪代码管理器中

我在 GTM 中包含一个自定义脚本,用于调用外部资源。脚本看起来像这样

<script type="text/javascript" id="some-key" data-key="xxxxxxxxxxxxxxxxxx" src="link-to-external-resource"></script>

Run Code Online (Sandbox Code Playgroud)

我已将其触发设置为当前触发正常的所有页面,但问题是,脚本在 DOM 中没有data-key属性的情况下呈现。它在 DOM 中的渲染看起来像这样

<script type="text/javascript" id="some-key" src="link-to-external-resource"></script>
Run Code Online (Sandbox Code Playgroud)

我错过了什么吗?有没有办法在 Google 跟踪代码管理器中包含 data-* 属性?

google-tag-manager

5
推荐指数
1
解决办法
1714
查看次数