本文详细解析了在使用npm run build命令打包Vue项目时遇到的问题，即直接打开dist目录下的index.html页面显示空白并报错的情况。问题根源在于config/index.js文件中assetsPublicPath设置不当，默认为'/'指向根目录，导致静态资源加载失败。文章提供了修改assetsPublicPath为'./'的解决方案，确保index.html和static文件在同一级目录下正确引用。
最近在build打包vue项目遇到了几个问题，如下：
1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。
原因：找到config文件下index.js，全局搜索assetsPublicPath，
结果是 assetsPublicPath：' / ' 默认为根目录，而index.html和static是在同一级目录下，
因此，解决方法就是 assetsPublicPath：' ./ ' 斜杠前加一个点，表示同一级。如下：
扫一扫
1116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
