blob图片资源被CSP拦截,无法在浏览器中加载

最新推荐文章于 2025-02-20 23:08:27 发布

礼以为仁

最新推荐文章于 2025-02-20 23:08:27 发布

阅读量8.9k

点赞数 1

分类专栏： http 文章标签： CSP安全策略 blob资源无法加载

本文链接：https://blog.csdn.net/qq_35584074/article/details/98177646

版权

http 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了Content Security Policy(CSP)在网络安全中的作用，特别关注于如何通过修改Nginx配置来调整CSP策略，以适应特定的安全需求。文章详细解释了CSP指令如何工作，以及如何避免因CSP策略过于严格而引发的资源加载失败问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改前nginx 中的配置:

 add_header Content-Security-Policy "default-src 'self' 'unsafe-inline' 'unsafe-eval';`

修改后nginx 中的配置:

 add_header Content-Security-Policy "default-src 'self' 'unsafe-inline' 'unsafe-eval';img-src *  blob: ; ";

不能加载的原因是CSP将资源拦截防止跨域攻击,然后浏览器会报诸如这样的错误:
it violates the following Content Security Policy directive: “default-src ‘self’ http://example.com”. Note that ‘img-src’ was not explicitly set, so ‘default-src’ is used as a fallback.