<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          【每日一題】系統(tǒng)安全之CSP(Content-Security-Policy)

          共 1424字,需瀏覽 3分鐘

           ·

          2021-09-13 01:28

          人生苦短,總需要一點(diǎn)儀式感。比如學(xué)前端~

          CSP 本質(zhì)上就是建立白名單,開發(fā)者明確告訴瀏覽器哪些外部資源可以加載和執(zhí)行。我們只需要配置規(guī)則,如何攔截是由瀏覽器自己實(shí)現(xiàn)的。我們可以通過這種方式來盡量減少 xss 攻擊。

          開啟 CSP

          通常有兩種方式:

          HTTP Header

          設(shè)置 HTTP 首部中的Content-Security-Policy

          meta

          另一種是設(shè)置 meta 標(biāo)簽的方式

          <meta http-equiv="Content-Security-Policy">

          舉例

          這里以設(shè)置 HTTP Header 來舉例子

          只允許加載本站資源

          Content-Security-Policy:default-src 'self'

          只允許加載 HTTPS 協(xié)議圖片

          Content-Security-Policy: img-src https://*

          允許加載任何來源的框架

          Content-Security-Policy: child-src 'none'

          設(shè)置的屬性還有很多,更多設(shè)置屬性可以查看 MDN文檔(https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP)

          對(duì)于這種方式來說,只要開發(fā)者配置了正確的規(guī)則,那么即使網(wǎng)站存在漏洞,攻擊者也不能執(zhí)行它的攻擊代碼,并且 CSP 的兼容性也不錯(cuò)


          END
          愿你歷盡千帆,歸來仍是少年。


          讓我們一起攜手同走前端路!

          關(guān)注公眾號(hào)回復(fù)【加群】即可

          ● 工作中常見頁(yè)面布局的n種實(shí)現(xiàn)方法

          ● 三欄響應(yīng)式布局(左右固寬中間自適應(yīng))的5種方法

          ● 兩欄自適應(yīng)布局的n種實(shí)現(xiàn)方法匯總

          ● 工作中常見的兩欄布局案例及分析

          ● 垂直居中布局的一百種實(shí)現(xiàn)方式

          ● 常用九宮格布局的幾大方法匯總

          ● 為什么操作DOM會(huì)影響WEB應(yīng)用的性能?

          ● 移動(dòng)端滾動(dòng)穿透的6種解決方案

          ● Vue + TypeScript 踩坑總結(jié)

          瀏覽 45
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  操逼视频看看 | 国产精品福利视频在线 | 国产寡妇亲子伦一区二区三区四区 | 一区二区三区中文字幕 | 四虎影院一区 |