vue性能优化之cdn引入vue-Router问题

关于vue的性能优化,有一个非常重要的点,就是用cdn的方式引入vue、vue- router、ElementUI、vuex、axios、jquery,那么到底怎么引呢?

1、打开国内cdn服务网址: https://www.bootcdn.cn/

2、查看你的项目 package.json ,查看你安装的是哪个版本

3、在cdn的服务网站上搜索就可以啦

这时候运行,发现报错了:

Cannot redefine property: $router

不可重复定义 $router ,

4、解决办法:webpack.base.conf.js

 externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', 'element-ui': 'ELEMENT' },

5、之后要重启!!!

另外一个问题:在使用cdn之前,我们需要解决当前路由重复点击报错的问题,在使用了cdn之后,就不需要了,可能是封装进去了?有待考察。。。

// 解决vueRouter 跳转相同路由报错

const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }

原文链接:https://blog.csdn.net/fan2016434589/article/details/120888964?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165918464016782248553593%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165918464016782248553593&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-3-120888964-null-null.nonecase&utm_term=cdn

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/5534

(0)
上一篇 2022年8月17日
下一篇 2022年8月17日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml