vue怎么防止xss攻击

946
2020/12/21 16:10:22
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

vue怎么防止xss攻击

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

})

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: vue与react的区别