如何在 Jquery 3.4.1 和 Jquery-ui 1.12.1 中启用 CSP（内容安全策略）？

Question

我目前在我的网站上使用 jQuery 3.4.1 和 jQuery-UI 1.12.1（用于自动完成）。我也在使用我不想使用的unsafe-inline 和unsafe-eval。

我的<meta/>标签：

<meta
    http-equiv="Content-Security-Policy"
    content="script-src 'self' 'unsafe-eval' https: cdnjs.cloudflare.com code.highcharts.com stackpath.bootstrapcdn.com cdn.jsdelivr.net code.jquery.com 'unsafe-inline'; connect-src 'self' news.google.com; worker-src 'self'; manifest-src 'self';"
>

扩展后，content 是：

script-src
    'self'
    'unsafe-eval' 
    https: 
    cdnjs.cloudflare.com 
    code.highcharts.com 
    stackpath.bootstrapcdn.com 
    cdn.jsdelivr.net 
    code.jquery.com
    'unsafe-inline'; 

connect-src
    'self'
    news.google.com;

worker-src
    'self';

manifest-src
    'self';

每当在 jQuery-UI 自动完成中发生 AJAX 调用时，它都会抛出一个错误，指出它违反了 CSP 政策。

我需要做什么才能使用 jQuery 在我的网站上正确启用 CSP？我不想在我的网站上使用unsafe-eval 和unsafe-inline。

控制台错误：

Answer 1

每当在 jQuery-UI 自动完成中发生 AJAX 调用时，它都会抛出一个 错误提示它违反了 CSP 政策。

1. 给我看这个 CSP 错误的文本，我会告诉你该怎么做（Chrome 控制台是首选）。

2. 从 jQuery-UI 1.12.1 的 CSS 可以看出，您的策略中需要有 img-src data:。

3. 从脚本 1.12.1/jquery-ui.js 可以看出 - 它不使用不安全的 eval 调用。也许你在你的脚本中使用了这些。从 script-src 中删除 'unsafe-eval' 并检查控制台中出现的错误。 如果没有像 Refused to evaluate a string as JavaScript because unsafe-eval is not an allowed 或 the page's settings blocked the loading of a resource at eval 这样的消息 - 你不需要在 script-src 中有 'unsafe-eval'。

   .

最好的做法是忘记不安全的 HTTP: 并使用 HTTPS:。在某些情况下，Internet 提供商（在 Internet 的 RU 段中）会干扰客户端的流量并将广告注入 jquery lib。所以：

• 规则 connect-src 'self' news.google.com; 应该是 connect-src 'self' https://news.google.com;，因为 news.google.com 总是退回到 HTTPS:。所有对 news.google.com 的 $ajax-request 也应该使用 https:// 方案。

• cdn.jsdelivr.net 也是如此，它总是重定向到 HTTPS： 因此安全规则应该是：

  script-src 'self' 'unsafe-eval' https://cdnjs.cloudflare.com https://code.highcharts.com https://stackpath.bootstrapcdn.com https://cdn.jsdelivr.net https://code.jquery.com

所有调用脚本都应该使用 HTTPS：<script src='https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js'...

当您在 script-src 中仅指定 scheme-source https: - 它会导致零保护，因为任何来源都将通过 https: 被允许。

这还有助于避免混合内容阻塞的问题。