vue部署遇到的一些问题

最新推荐文章于 2024-02-29 09:41:21 发布

摸鱼搬砖工

最新推荐文章于 2024-02-29 09:41:21 发布

阅读量589

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/csdn_zhuang/article/details/103678262

1、资源找不到，很多js，css都找不到。修改前台打包文件路径，为相对static路径，：
修改config/index.js文件
在这里插入图片描述
如果elemntui相关图标和字体库丢失，需要配置：
buld/utils.js文件中publicPath: ‘…/…/’

经过这次部署，大致理解了webpack打包原理，路径生成规则是assetsPublicPath+assetsSubDirectory+filename（webpack.base.conf.js文件中）
2、项目部署后，一直报如下错误，index页面，首先可以排除和项目中token是没有关系的，因为我和后台一起将token相关内容注释掉了，不起作用。最后发现是我的node_modules依赖包有问题，cnpm install下载显示所有依赖包已下载，但是还是要打包后依然报错，最后从另一个前端那里拷贝过来的依赖包才解决。
在这里插入图片描述
3、elementui的文件已加载成功，但是图标显示方块加载不出来，通过修改build/webpack.base.conf.js中limit为100000解决，应该是对应的limit 设置的数值小于引入的icon 大小需要大于icon 大小才会显示

4、因为路由采取后台动态加载权限菜单实现，但是登录后，一直跳转不进去菜单页，页面报错：
在这里插入图片描述
刚开始查阅网上资料想去规避这个错误，因为是路由捕获到了错误才跳转不过去，结果规避不掉，最后发现是在报错位置发现是前端代码的js中使用$parent.$parent方式去关闭弹窗按钮问题引发的，虽然在本地编译时js没有报错，并且执行成功，但是打包后，双层parent去遍历，应该无法找到对应的组件才会报错。