标签：index vue js assetsPublicPath html 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。