VUE生产bug汇总

那年仲夏 提交于 2020-01-07 16:55:41

一、 IE、360显示空白

360浏览器模式
用.com、.cn结尾的安全域名访问网站,360浏览器默认是极速模式(推荐),为chrome内核
用ip或不规范的域名访问网站,360浏览器默认是兼容模式的,为IE内核,对于ES6语法解析存在问题,需要添加babel解析
解决方法

下载安装 babel-polyfill:

npm install babel-polyfill --save

在webpack.base.conf.js中进行配置

entry: {
 	// "babel-polyfill"用来解决的兼容性
   app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
 }

二、发版缓存问题

每次打包发版之后,需要清浏览器缓存重新进入,否则代码不更新
加入版本号处理:
build -->webpack.prod.conf.js中js加上版本号

const Version = new Date().getTime()
output: {
   path: config.build.assetsRoot,
   filename: utils.assetsPath('js/[name].[chunkhash]' + Version + '.js'),
   chunkFilename: utils.assetsPath('js/[id].[chunkhash]' + Version + '.js')
 }
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!