vue项目build打包遇到的问题

1. npm run build打包项目之后，生成的dist文件里面有被压缩后的static文件跟index.html，直接打开index.html页面是空白的，还会报几个错，找不到页面路径。

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

2. 这样之后 页面就打开了, 但是路由却跳转不了了.
解决方法：打开index.js看路由配置，mode:’ hash ’ 改这个配置即可，如图：

3. 在本地跑的时候一切正常，但是build之后生成的index.html背景图没有了，是一片空白.
解决方法 :
在build 下的 utils.js中找到如图代码,并添加 publicPath: ‘…/…/’：

此时,就完美解决了, 希望对你有所帮助,这也是我亲身踩过的坑,一步一个脚印!!!

标签：index,vue,js,assetsPublicPath,html,build,打包,页面
来源： https://blog.csdn.net/weixin_43749669/article/details/120646849