首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端安全配置xss预防针Content-Security-Policy(csp)配置详解

css/ajax请求等所有访问script-src'self' js.example.com定义js文件的过滤策略style-src'self' css.example.com定义css文件的过滤策略img-src'self...block-all-mixed-content:禁止混合内容具体参看《混合内容页面:全域https下里面的http请求浏览器的安全处理》指令值所有以-src结尾的指令都可以用一下的值来定义过滤规则,多个规则之间可以用空格来隔开值demo说明*img-src...none'object-src 'none'所有地址的咨询都不允许加载'self'script-src 'self'同源策略,即允许同域名同端口下,同协议下的请求data:img-src 'self'...example.com允许从 example.com下的任意子域名加载资源https://cdn.comimg-src https://cdn.com仅仅允许通过https协议来从指定域名下加载资源https:img-src...www.google-analytics.com ajax.googleapis.com;允许同源以及两个地址下的js加载default-src 'none'; script-src 'self'; connect-src 'self'; img-src

6.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

防XSS的利器,什么是内容安全策略(CSP)?

script-src, “self” “js.guangzhul.com” ,对javascript的加载策略 style-src, “self” “css.guangzhul.com” ,对样式的加载策略 img-src...object,embed,applet plugin-types 主要防御 object,embed,applet 5.3 CSP指令值 以下按照 指令值  指令值示例(指令、指令值)进行编排: * img-src...* 允许任何内容 “none” img-src “none” 不允许任何内容 “self” img-src “self” 允许来自相同的来源的内容(相同的协议,域名和端口) data: img-src...data: 允许data协议(如base64编码的图片) www.guangzhul.com img-src img.guangzhul.com 允许加载指定域名下的资源 *.guangzhulcom...img-src: *.guangzhul.com 允许加载guangzhul.com任何子域下面的资源 “unsafe-inline” script-src “unsafe-inline” 允许加载inline

1.8K30

嘿,前端的CSP & CSP如何落地,了解一下?

通过随意设置响应头来测试CSP MDN文档 简单过一遍常见的指令 获取资源相关的指令 font-src frame-src img-src script-src media-src style-src...规定了页面只能加载里面所设置的font、iframe、img、script...这些资源,比如有一个html页面的response header是: Content-Security-Policy: img-src...eg: Content-Security-Policy: img-src http: data:; style-src 'self' self 只能加载自身相同的域资源,其他如data:, blob...比如 Content-Security-Policy: img-src www.qq.com; report-uri https://a.b.c/report 当设置这个header的页面加载www.qq.com...(html)$ { add_header Content-Security-Policy "img-src http: data:; style-src 'self'"; } 如果是ssr项目或者前后端不分离项目

2.7K30
领券