npm下载vue-dompurify-html遇到的问题

最新推荐文章于 2024-06-28 11:51:38 发布
最新推荐文章于 2024-06-28 11:51:38 发布
阅读量778 收藏
点赞数 1
文章标签： npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ddong345/article/details/132696664
版权

当vue2项目中需要用到vue-dompurify-html防御xss攻击，当时也没注意版本问题，下载下来就是4.1.4的版本，这时项目启动就一直报错,查找出现这种情况的原因，最终还是解决了…

在这里插入图片描述
看到这里的报错，于是找到了node_modules里vue-dompurify-html.mjs这个文件
在这里插入图片描述
看到这个文件里有个isVue3 ，想着是不是这个版本插件是不是针对vue3，所以工程一直run失败，于是将插件降到了2.6.0的版本，再去node_modules文件里查看，文件里的代码与上面不一
在这里插入图片描述
再次启动项目，项目启动ok，有问题还得一步步的去查找是哪个原因…

MIss-董董
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOMPurify：DOMPurify-用于HTML，MathML和SVG的纯DOM，超快速，超级耐XSS消毒剂。 DOMPurify具有安全默认值，但提供了许多可配置性和挂钩。 演示：
02-03
净化 DOMPurify是用于HTML，MathML和SVG的仅DOM，超快速，超耐性XSS消毒剂。 使用和入门也非常简单。 DOMPurify于，同时达到了2.2.6版本。 DOMPurify用JavaScript编写，可在所有现代浏览器（Safari（10 +），Opera（15 +），Internet Explorer（10 +），Edge，Firefox和Chrome-以及使用Blink或WebKit的几乎所有其他浏览器）中使用。 在MSIE6或其他旧版浏览器上，它没有中断。 它要么使用要么什么都不做。 我们的自动化测试目前涵盖，以后还会更多。 我们还将介绍在jsdom上运行D
vue-feather-icon
04-25
为您的项目推荐的VUE羽毛图标Vue组件安装npm install vue-feather-icon用法全球组成// main.jsimport Vue = from 'vue'import VueFeatherIcon from 'vue-feather-icon'Vue . use ( VueFeatherIcon ) < template> ...
使用vue-dompurify-html防御xss攻击
qq_28722667的博客
04-11 5342
之前的防御xss攻击的前端方案太low，影响到了现网用户的体验，但是富文本渲染势不可挡，v-html确实又会被xss攻击，这时vue-dompurify-html就来了！！
vue项目如何防范XSS攻击？
接着奏乐接着舞的博客
11-16 1814
介绍了实际工作中渲染数据时遇到XSS攻击时的防范措施，以及解决方案。还有XSS攻击的原理、途径以及如何防范
vue npm install报错如何处理
qq_34417247的博客
07-14 4273
这个错误通常意味着在解析依赖关系时出现了问题，可能是由于版本不匹配或存在依赖冲突。解决此问题的一种方法是尝试更新或降级 eslint-plugin-vue 和 eslint 的版本以解决依赖关系问题。如果更新没有解决问题，可以尝试手动安装特定版本的 eslint-plugin-vue 和 eslint。如果以上步骤都无效，可以尝试删除 package-lock.json 文件并重新安装依赖项。首先，尝试清除 npm 缓存。然后，尝试更新依赖项。
新建html内容没有显示不出来,vue+typescript创建项目是，提示找不到.html文件
weixin_42303955的博客
06-04 380
之前用"vue-html-loader": "^1.0.0", vue+js+webpack将.vue文件拆成(.html+.css+.js)进行开发。进入。html文件没问题。最近打算尝试ts.发现提示找不到package.json:"devDependencies": {//..."vue-html-loader": "^1.0.0",}[ts] 找不到模块“./demo-list.html”...
nuxt3：vue-dompurify-html
snowball的博客
02-06 2955
所以，在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 [XSS 攻击]。只在可信内容上使用 v-html，永不用在用户提交的内容上。仅用于展示的内容个人觉得可以使用。为了避免出现特殊情况，本文介绍一个插件“vue-dompurify-html”。v-html可能引起跨站脚本攻击（Cross-Site Scripting 简称 XSS）。3.1、安装vue-dompurify-html。一、引出vue-dompurify-html。四、欢迎交流指正，关注我，一起学习。三、nuxt3项目使用。
修改Vue中的 v-html 内的元素无效问题
船停在港湾是很安全的,但那不是造船的目的.
09-05 497
其原因就是在 style 样式中没有去处scoped 因为 v-html 会把内容当成子组件,而scoped 会在本身的组件中起作用
关于npm安装vue-cli错误问题
01-08
关于npm安装vue-cli错误问题 问题描述 npm ERR! { Error: EPERM: operation not permitted, unlink ‘C:\Users\GXP300\AppData\Roaming\npm\node_modules.staging\typescript-886383bb\lib\tsserverlibrary.js’ ...
vue-qrcode-reader-example:npm vue-qrcode-reader示例
04-16
vue-qrcode-reader-example项目设置yarn install编译和热重装以进行开发yarn serve编译并最小化生产yarn build整理和修复文件yarn lint自定义配置请参阅。
前端项目-dompurify.zip
09-03
前端项目-dompurify,dompurify是一种仅用于HTML、MathML和SVG的DOM、超快速、超容忍的XSS消毒剂。它是用javascript编写的，适用于所有现代浏览器（safari、opera（15 ）、internet explorer（10 ）、firefox和chrome，以及几乎所有其他使用blink或webkit的浏览器）。DomPurify是由安全人员编写的，他们在Web攻击和XSS方面有着丰富的背景。不要害怕。
vue-toast-notification:Vue.js的另一个Toast Notification插件
05-04
npm install vue-toast-notification 用法 import Vue from 'vue' ; import VueToast from 'vue-toast-notification' ; // Import one of the available themes //import 'vue-toast-notification/dist/theme-...
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
vue-context:一个简单的vue上下文菜单组件
05-26
注意力： 我不再有能力或没有兴趣维护此软件包，因为我不再在任何项目中使用Vue了，所以...安装使用npm： npm i vue-context基本用法导入组件并在您的应用程序中使用它。 import Vue from 'vue' ;import VueContext fro
vue项目中使用vue-i18n报错的解决方法
12-09
npm install vue-i18n --save 然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加...
vue2不兼容火狐47浏览器
Z.Y.的博客
09-05 417
vue2不兼容火狐47浏览器
11-vue-dompurify-html的使用及使用过程中的问题解决
最新发布
weixin_46675693的博客
06-28 375
使用了这个插件后，在测试时确实没有弹出来了，在我以为是成功的情况下，本想着做一下整理，但是更深入查找资料发现，虽然这个插件可以过滤掉xss攻击，但是不会影响其它元素渲染，但是使用后其它元素却没有渲染成功，就很奇怪。后来，我在node_modules中找这个插件的相关信息，结果被我发现在README.md中发现了一句话，意思是当前的版本是适合vue3用，vue2的话需要用4.1.x的版本。下载的版本是v4.1.4，刷新，结果没反应，重新启动，成功啦，没有弹窗，且其它元素也能成功渲染出来，果然是版本的问题。
前端vue-dompurify-html替代v-html,避免出现xss攻击
weixin_64310738的博客
02-16 2779
前端vue-dompurify-html替代v-html,避免出现xss攻击
vue项目：解决v-html可能带来的XSS是跨站脚本攻击
snowball的博客
12-27 4143
一、项目简介 vue开发，nuxt项目 二、问题简述 当使用v-html时，出现提示如图： 三、解决问题 3.1、方案 使用vue-dompurify-html代替v-html 3.2、安装 yarn add vue-dompurify-html 3.3、plugins下创建vueInject.js （名字自己取） import VueDOMPurifyHTML from 'vue-dompurify-html' import Vue from 'vue' Vue.use(V.
在vue2中使用vue-dompurify-html
04-25
你好，关于在Vue2中使用vue-dompurify-html，你可以按照以下步骤进行操作： 1、安装vue-dompurify-html： ```shell npm install vue-dompurify-html --save ``` 2、在main.js中引入并注册vue-dompurify-html： ```js import Vue from 'vue'; import VueDomPurifyHTML from 'vue-dompurify-html'; Vue.use(VueDomPurifyHTML); ``` 3、在组件中使用vue-dompurify-html： ```html <template> <div v-html="cleanHtml"></div> </template> <script> export default{ data(){ return{ dirtyHtml: '<p><script>alert("hello world")</script>hello world</p>', } }, computed:{ cleanHtml(){ return this.$sanitize(this.dirtyHtml); }, }, } </script> ``` 其中，$sanitize是VueDomPurifyHTML的方法，用于使得dirtyHtml的内容被清洗，从而在页面中避免执行恶意脚本的风险。 希望这些内容能够帮助你解决问题，如有疑问，欢迎随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值