DataEase v2 配置 CSP 策略


飞致云 发布于 2025-03-24 / 30 阅读 / 0 评论 /
1.什么是CSP? CSP 全称 Content Security Policy ,即内容安全策略,就是为了页面内容安全而制定的一系列防护策略。通过 CSP 所约束的的规责指定可信的内容来源(这里的内容可以指脚本、图片、iframe、font、style等等可能的远程的资源),通过 CSP 协定,减

1.什么是CSP?

CSP 全称 Content Security Policy ,即内容安全策略,就是为了页面内容安全而制定的一系列防护策略。通过 CSP 所约束的的规责指定可信的内容来源(这里的内容可以指脚本、图片、iframe、font、style等等可能的远程的资源),通过 CSP 协定,减少或消除跨站脚本(XSS)和数据注入攻击,让 WEB 处于一个安全的运行环境中。

2.常用指令说明

指令

说明

default-src

默认策略,可以应用于 js 文件/图片/css/ajax 请求等所有访问

script-src

定义 js 文件的过滤策略

style-src

定义 css 文件的过滤策略

img-src

定义图片文件的过滤策略

font-src

定义字体文件的过滤策略

*

示例:img-src *;允许任意地址的 url,但是不包括 blob: filesystem: schemes.

'none'

示例:object-src 'none';所有地址的咨询都不允许加载

'self'

示例:script-src 'self';同源策略,即允许同域名同端口下,同协议下的请求

3.DataEase v2 通过 nginx 配置CSP

服务器Nginx(在 server {}块中添加如下代码)

add_header Content-Security-Policy "frame-src 'self' https://maxkb.fit2cloud.com/;default-src 'self' ;img-src 'self' data: https://cdn0-templates-dataease-cn.fit2cloud.com;script-src * 'unsafe-eval';worker-src 'self' blob:;style-src 'self' 'unsafe-inline' ; object-src 'self';frame-ancestors 'self' ;font-src 'self' data: blob: http://at.alicdn.com/;";

如下图所示:

执行 nginx -s reload 更新配置文件观察 Web 网页加载情况,页面成功加载:


常见问题是配置完页面加载空白,观察控制台会有报错,再根据提示调整相关 CSP 指令,如下图:




是否对你有帮助?