vue不同环境载⼊不同的js和css(CDN挂掉、失败后使⽤本地资源)优化项⽬资源请求量 规避掉在发布环境不需要的资源包
在index.html⽂件中
<script>
// 举例项⽬发布地址是 baidu 测试地址是 testbaidu
// 通过检查路由地址来判断环境从⽽控制引⼊⽂件
if(location.href.indexOf('testbaidu')>-1){
document.write('<script src="cdn.bootcdn/ajax/libs/vConsole/3.3.4/vconsole.min.js"><\/script>');
}
</script>
-----------cdn挂掉后引⼊本地资源--------------------
资源包就是cdn链接CV⼀份到静态资源⽂件static中以./的形式引⼊就可以了
<script>
if(typeof Vue =='undefined'){
document.write(unescape("%3Cscript src='./static/js/vue.js'%3E%3C/script%3E"))
}
if(typeof axios =='undefined'){
document.write(unescape("%3Cscript src='./static/js/axios.js'%3E%3C/script%3E"))
原生js和js的区别}
if(typeof VueRouter =='undefined'){
document.write(unescape("%3Cscript src='./static/js/vueRouter.js'%3E%3C/script%3E"))
}
if(typeof Vuex =='undefined'){
document.write(unescape("%3Cscript src='./static/js/vuex.js'%3E%3C/script%3E"))
}
if(typeof jQuery =='undefined'){
document.write(unescape("%3Cscript src='./static/js/jQuery.js'%3E%3C/script%3E"))
}
</script>
注意:在cdn引⼊vant时
if(typeof vant=='undefined'){
vant 是⼩写v
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论