关于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