vue部署遇到的一些问题

1、资源找不到,很多js,css都找不到。修改前台打包文件路径,为相对static路径,:
修改config/index.js文件
vue部署遇到的一些问题
如果elemntui相关图标和字体库丢失,需要配置:
buld/utils.js文件中publicPath: ‘…/…/’
vue部署遇到的一些问题
经过这次部署,大致理解了webpack打包原理,路径生成规则是assetsPublicPath+assetsSubDirectory+filename(webpack.base.conf.js文件中)
2、项目部署后,一直报如下错误,index页面,首先可以排除和项目中token是没有关系的,因为我和后台一起将token相关内容注释掉了,不起作用。最后发现是我的node_modules依赖包有问题,cnpm install下载显示所有依赖包已下载,但是还是要打包后依然报错,最后从另一个前端那里拷贝过来的依赖包才解决。
vue部署遇到的一些问题
3、elementui的文件已加载成功,但是图标显示方块加载不出来,通过修改build/webpack.base.conf.js中limit为100000解决,应该是 对应的limit 设置的数值 小于引入的icon 大小 需要大于icon 大小才会显示
vue部署遇到的一些问题
4、因为路由采取后台动态加载权限菜单实现,但是登录后,一直跳转不进去菜单页,页面报错:
vue部署遇到的一些问题
刚开始查阅网上资料想去规避这个错误,因为是路由捕获到了错误才跳转不过去,结果规避不掉,最后发现是在报错位置发现是前端代码的js中使用$parent.$parent方式去关闭弹窗按钮问题引发的,虽然在本地编译时js没有报错,并且执行成功,但是打包后,双层parent去遍历,应该无法找到对应的组件才会报错。