vue怎么防止xss攻击 vue如何防止xss攻击

文章摘要：vue怎么防止xss攻击 vue如何防止xss攻击

vue防止xss攻击的示例分析： 1.用node.js做测试，在终端引入xss，命令如下： npm  […]

vue防止xss攻击的示例分析：

1.用node.js做测试，在终端引入xss，命令如下：

npm install xss --save

2.在vue的页面进行引入，例如：

import xss from 'xss'

3.定义一个变量进行测试，例如：

//测试一个没有进行防止xss攻击的示例

<p v-html="test"></p>

export default {

  data () {

    return {

      test: `<a onclick='alert("xss攻击")'>链接</a>`

    }

}

4.解决以上情况的方法：

<p v-html="$xss(test)"></p>

import xss from 'xss'

export default {

  data () {

    return {

      test: `<a onclick='alert("xss攻击")'>链接</a>`

    }

}

Object.defineProperty(Vue.prototype, '$xss', {

  value: xss

})