富文本展示前使用DOMPurify进行文本过滤
DOMPurify时一款专门用于防御XSS攻击的库,通过净化HTML的内容,移除恶意脚本,同时保留安全的HTML标签和数学
<!-- 使用v-html渲染协议内容 -->
<div class="agreement-content" v-html="sanitizedAgreement"></div><script>
// 配合DOMPurify做内容消毒
import DOMPurify from 'dompurify'const rawHtml = `<p>协议内容包含<b>加粗文本</b>和<a href="#">链接</a></p>`
const sanitizedAgreement = DOMPurify.sanitize(rawHtml)
</script>
来源参考:前端安全之DOMPurify基础使用-CSDN博客