最近在build打包vue项目遇到了几个问题,如下:

1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。

原因:找到config文件下index.js,全局搜索assetsPublicPath,结果是 assetsPublicPath:' / ' 默认为根目录,而index.html和static是在同一级目录下,因此,解决方法就是 assetsPublicPath:' ./ ' 斜杠前加一个点,表示同一级。如图:

2、页面可以正常打开了,但是vue-router跳转路由页面无法显示,其实,这个也很简单。

解决方法:打开index.js看路由配置,mode:' hash ' 改这个配置即可,如图:

Logo

前往低代码交流专区

更多推荐