防止XSS攻击的一些工具

最新推荐文章于 2024-08-26 15:18:37 发布

HarryHY

最新推荐文章于 2024-08-26 15:18:37 发布

阅读量862

点赞数

分类专栏：前端安全

本文链接：https://blog.csdn.net/HarryHY/article/details/100163294

版权

前端安全专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在你的项目当中安装即可

npm i xss-filters -S

npm  i xss-filters-es6 -S

如果你想在全局中挂载
main.js部分

import { inHTMLData,uriInUnQuotedAttr } from "xss-filters-es6";
const xssFilters = require('xss-filters');
Vue.prototype.$inHTMLData = inHTMLData;
vue.prototype.$uriInUnQuotedAttr = uriInUnQuotedAttr;

view部分

      let mess = {
        value:xssFilters.inHTMLData(this.value),
        value:this.$inHTMLData(this.value)
      }
      console.log(mess)

上面的二选一即可

import { inHTMLData, uriInUnQuotedAttr } from "xss-filters-es6";
 return `<a style="color: #b374ff" href="${uriInUnQuotedAttr(
            url
          )}" target="_blank">${uriInUnQuotedAttr(url)}</a>`;