前端开发中如何落地SDL安全实践?

Good“皓阳 阅读 3

我们团队最近开始推行安全开发生命周期(SDL),但我作为前端,不太清楚具体该做些什么。比如在需求和设计阶段,前端需要参与哪些安全评审?

我试过在代码里加 CSP 头,但上线后发现很多第三方脚本报错,像这样:

Content-Security-Policy: default-src 'self'; script-src 'self' https://cdn.example.com;

结果 Google Analytics 和一些字体资源直接被拦了……有没有前端友好的 SDL 实施清单或者检查项可以参考?

我来解答 赞 2 收藏
二维码
手机扫码查看
1 条解答
UP主~宁馨
CSP被第三方脚本拦截是常见问题,核心原因是你没把第三方域名加到白名单。

修复方式:script-src和font-src要把用到的第三方域名都列进去。

Content-Security-Policy: 
default-src 'self';
script-src 'self' https://www.google-analytics.com https://www.googletagmanager.com https://cdn.example.com;
font-src 'self' https://fonts.gstatic.com https://cdn.example.com;
connect-src 'self' https://www.google-analytics.com;
img-src 'self' data: https://www.google-analytics.com;


前端SDL检查清单记住这几点就行:第三方依赖用npm audit和Snyk扫漏洞、CSP能配尽配、用户输入要escape/ sanitize处理、敏感数据别存localStorage、用httpOnly的cookie存token。需求和设计阶段让安全团队参与评估XSS和CSRF风险就行,其他他们会带着你过。
点赞
2026-03-13 21:09