vue-xss

一个开箱即用的Vue.js插件，可通过简单的方式防止XSS攻击

有任何问题欢迎发布 issue，我会在看到后第一时间回复大家。如果觉得还不错的话，不要吝啬你的 star 哦~

安装

推荐使用npm安装

1npm i vue-xss

使用

1// main.js
2import VueXss from 'vue-xss'
3Vue.use(VueXss)

1<!-- *.vue -->
2<div v-html="$xss(content)"></div>

自定义配置项

支持 js-xss 的自定义规则，可通过 options 对象形式传入实例， 具体请点击 js-xss 查看

示例

1// mani.js
2var options = {
3  // 默认白名单参考 xss.whiteList
4  whiteList: {
5    a: ['href', 'style'],
6    img: ['src', 'alt'],
7    ...
8  },
9  stripIgnoreTag: true, // 去掉不在白名单上的标签   true：去掉不在白名单上的标签
10  stripIgnoreTagBody: ['script', 'style'] // 去掉不在白名单上的标签及标签体   ['tag1', 'tag2']：仅去掉指定的不在白名单上的标签
11  onTagAttr: function () {
12    // todo
13  },
14  ...
15}
16
17import VueXss from 'vue-xss'
18Vue.use(VueXss, options)

1<!-- *.vue -->
2
3<template>
4  <div v-html="$xss(content)"></div>
5  <!-- 过滤后输出：<iframe></iframe> -->
6<template>
7
8<script>
9
10export default {
11  data () {
12    return{
13      content: '<iframe onload=alert("XSS-TEST")></iframe>'
14    }
15  },
16  ...
17}
18
19</script>

鸣谢

感谢 js-xss 作者的支持 @ leizongmin

LICENSE

MIT