前端防止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 @ 2024-10-29 15:24  陪伴者  阅读(583)  评论(0)    收藏  举报