使用 js-xss 防御 xss 攻击

xss攻击是很常见的一种攻击方式,下面简单讲一下前端如何防御。

讲之前简单涉及一点后端防御的方案:
在前后端交互的时候做好特殊符号的转义
使用 js-xss 防御 xss 攻击_第1张图片
下面重点是前端使用js-xss防御

  1. npm install xss --save
  2. main.js引用
import xss from 'xss'
	Vue.use(xss);
	Object.defineProperty(Vue.prototype, '$xss', {
	  value: xss
	})// click事件被过滤

3.html 中防御

4.js中防御

title: `

确定删除企业${this.$xss(nsrmc)}吗?

`,

这里主要是对展示的地方做防御,结合服务端保存防御,xss防御就做好了.

但是在项目过程中,往往需要自定义配置防御,大家可以移步
js-xss官方文档

你可能感兴趣的:(Vue,#,JavaScript,晴天有点孤单,xss)