使用v-html时 防止xss注入攻击

方法一

使用vue-dompurify-html插件

安装 npm install vue-dompurify-html

在mian.js中配置 

import { createApp } from 'vue'
import App from './App.vue'
 
const app = createApp(App)
// 防止 v-html 进行 xss注入
import VueDOMPurifyHTML from 'vue-dompurify-html'
app.use(VueDOMPurifyHTML)
 
app.mount('#app')

将原本使用v-html地方替换为 v-dompurify-html

方法二

 使用DOMPurify库来清洗HTML内容。

DOMPurify是一个用于清洗HTML文本的库，它能够移除或转义不安全的标签和属性

安装dompurify 

npm install dompurify

若使用后运行出现报错

执行 npm i --save-dev @types/dompurify

vue中使用