前端防止XSS跨站脚本攻击处理(DOMPurify)
在项目中碰到安全部门测试,输入一段脚本'<iframe srcdoc=" <script>alert('xss]</script></iframe>">','<p>Test XSS< img src=X onerror=prompt(123423423423)>123123ff</p >',然后就会出现弹窗,针对于这种情况,初始情况涉及地方不多可以针对这个脚本禁止输入script标签这种,但涉及多和攻击方式多的话就需要处理很多种情况,这时我在网上找了下方案,发现了DOMPurify插件。
DOMPurify 是一个强大的库,可以用来清理和净化 HTML 内容,防止 XSS 攻击。
1,安装(也可script引入)
npm install dompurify
2,import DOMPurify from 'dompurify';
3,使用过滤内容(USE_PROFILES: { html: true }开启严格模式)
const content = DOMPurify.sanitize(textContent, { USE_PROFILES: { html: true } });
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了