草庐IT

javascript - 内容安全策略 (CSP) 如何工作?

coder 2023-04-23 原文

我在开发者控制台中收到一堆错误:

Refused to evaluate a string

Refused to execute inline script because it violates the following Content Security Policy directive

Refused to load the script

Refused to load the stylesheet


这是怎么回事?内容安全策略 (CSP) 如何工作?我如何使用 Content-Security-Policy HTTP header ?
具体来说,如何...
  • ...允许多个来源?
  • ...使用不同的指令?
  • ...使用多个指令?
  • ...处理端口?
  • ...处理不同的协议(protocol)?
  • ...允许 file://协议(protocol)?
  • ...使用内联样式、脚本和标签 <style><script> ?
  • ...允许 eval() ?

  • 最后:
  • 究竟是做什么的'self'意思?
  • 最佳答案

    Content-Security-Policy元标签让您降低风险XSS通过允许您定义可以从何处加载资源来防止浏览器从任何其他位置加载数据,从而防止攻击。这使得攻击者更难将恶意代码注入(inject)您的站点。
    我用头撞了一堵砖墙,试图弄清楚为什么我一个接一个地收到 CSP 错误,但似乎没有任何关于它是如何工作的简洁明了的说明。所以这是我试图解释 一些 简要介绍 CSP 的要点,主要集中在我发现难以解决的问题上。
    为简洁起见,我不会在每个示例中写下完整的标签。相反,我只会显示 content属性,因此示例显示 content="default-src 'self'"这意味着:

    <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
    
    1. 如何允许多个来源?
    您可以简单地在指令后以空格分隔的列表形式列出您的源代码:
    content="default-src 'self' https://example.com/js/"
    
    请注意,除了特殊参数外,参数周围没有引号,例如 'self' .此外,指令后没有冒号 ( : )。只是指令,然后是空格分隔的参数列表。
    隐式允许低于指定参数的所有内容。这意味着在上面的示例中,这些将是有效的来源:
    https://example.com/js/file.js
    https://example.com/js/subdir/anotherfile.js
    
    但是,这些是无效的:
    http://example.com/js/file.js
    ^^^^ wrong protocol
    
    https://example.com/file.js
                       ^^ above the specified path
    
    2. 如何使用不同的指令?他们各自做什么?
    最常见的指令是:
  • default-src加载 javascript、图像、CSS、字体、AJAX 请求等的默认策略
  • script-src定义 javascript 文件的有效来源
  • style-src定义 css 文件的有效来源
  • img-src定义图像的有效来源
  • connect-src为 XMLHttpRequest (AJAX)、WebSockets 或 EventSource 定义有效目标。如果对此处不允许的主机进行连接尝试,浏览器将模拟 400错误

  • 还有其他的,但这些是您最有可能需要的。
    3. 如何使用多个指令?
    您可以通过用分号 ( ; ) 终止来在一个元标记中定义所有指令:
    content="default-src 'self' https://example.com/js/; style-src 'self'"
    
    4. 如何处理端口?
    除了默认端口之外的所有内容都需要通过在允许的域后添加端口号或星号来明确允许:
    content="default-src 'self' https://ajax.googleapis.com http://example.com:123/free/stuff/"
    
    以上将导致:
    https://ajax.googleapis.com:123
                               ^^^^ Not ok, wrong port
    
    https://ajax.googleapis.com - OK
    
    http://example.com/free/stuff/file.js
                     ^^ Not ok, only the port 123 is allowed
    
    http://example.com:123/free/stuff/file.js - OK
    
    正如我提到的,您还可以使用星号来明确允许所有端口:
    content="default-src example.com:*"
    
    5. 如何处理不同的协议(protocol)?
    默认情况下,只允许标准协议(protocol)。例如允许 WebSockets ws://您必须明确允许它:
    content="default-src 'self'; connect-src ws:; style-src 'self'"
                                             ^^^ web Sockets are now allowed on all domains and ports.
    
    6. 如何允许文件协议(protocol)file:// ?
    如果您尝试这样定义它,它将不起作用。相反,您将允许它使用 filesystem范围:
    content="default-src filesystem"
    
    7. 如何使用内联脚本和样式定义?
    除非明确允许,否则不能使用内联样式定义,内部代码 <script>标签或标签属性,如 onclick .你允许他们像这样:
    content="script-src 'unsafe-inline'; style-src 'unsafe-inline'"
    
    您还必须明确允许内联、base64 编码的图像:
    content="img-src data:"
    
    8.我如何允许eval() ?
    我敢肯定很多人会说你不会,因为“eval 是邪恶的”,并且是世界末日即将来临的最可能原因。那些人会错的。当然,您绝对可以使用 eval 在您站点的安全性中打出重大漏洞,但它具有完全有效的用例。你只需要聪明地使用它。你允许它像这样:
    content="script-src 'unsafe-eval'"
    
    9. 究竟是做什么的'self'意思?
    你可能会带 'self'表示本地主机、本地文件系统或同一主机上的任何内容。这并不意味着其中任何一个。这意味着与定义内容策略的文件具有相同方案(协议(protocol))、相同主机和相同端口的源。通过 HTTP 为您的站点提供服务?除非你明确定义它,否则你没有 https 。
    我用过 'self'在大多数示例中,包含它通常是有意义的,但这绝不是强制性的。如果您不需要它,请不要使用它。
    但是等一下! 我不能只用 content="default-src *"并完成它?
    不。除了明显的安全漏洞之外,这也不会像您期望的那样工作。即使 some docs声称它允许任何事情,这是不正确的。它不允许内联或评估,因此要真正使您的网站更加脆弱,您可以使用:
    content="default-src * 'unsafe-inline' 'unsafe-eval'"
    
    ……但我相信你不会。
    进一步阅读:
    http://content-security-policy.com
    http://en.wikipedia.org/wiki/Content_Security_Policy

    关于javascript - 内容安全策略 (CSP) 如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30280370/

    有关javascript - 内容安全策略 (CSP) 如何工作?的更多相关文章

    1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

      我正在学习如何使用Nokogiri,根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

    2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法? - 2

      总的来说,我对ruby​​还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

    3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声? - 2

      关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点?我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等),但我确实想创建一个输出文件。

    4. ruby-on-rails - 由于 "wkhtmltopdf",PDFKIT 显然无法正常工作 - 2

      我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中,我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

    5. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

      给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

    6. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

      我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t

    7. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

      我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

    8. ruby - 如何指定 Rack 处理程序 - 2

      Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时,rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

    9. ruby - 将数组的内容转换为 int - 2

      我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值,但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗?ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值,你可以这样做:values=@input[x]

    10. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件? - 2

      在选择我想要运行操作的频率时,唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案,但您可以安排它每天运行,并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8692687/

    随机推荐