前端防止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 } });

 

      

posted @   陪伴者  阅读(149)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示