vue 固定名称 打包时_vue-cli打包构建时常见的报错解决方案

报错1：vue-cli项目本地npm run dev启动后，chrome打开是空白页

解决方案：将config下的index.js中的assetsPublicPath路径都设置为‘/’绝对路径

报错2：打包后想要在本地file(直接打开index.html)中打开，但是打开是空白页

解决方案：将config下的index.js中的assetsPublicPath路径都设置为‘./’相对路径

报错3：打包后丢到服务器中，打开是空白页

解决方案：将config下的index.js中的assetsPublicPath路径都设置为‘./’相对路径

报错4：打包后在浏览器中打开，报错ERROR in xxx.js from UglifyJs

这种错误是由于部分或全部es6语法转es5失败了，需要安装并在webpack中配置babel-loader，具体请参考此解决方案：https://segmentfault.com/a/1190000011212544

报错5：打包后打开页面控制台报错，Uncaught RangeError: Maximum call stack size exceeded

报错内容是堆栈溢出，就是大量内存被占用，导致内存溢出，我碰到的场景是在全局路由钩子里(router.beforeEach)

// 全局导航钩子

router.beforeEach((to, from, next) => {

// 判断cookie是否过期,否则直接跳转到登录页

var getCookie = common.getCookie('userInfo')