目录
前言
一、页面空白？
二、图片加载不出来？
总结
前言
vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。
一、页面空白？
页面空白说明打包路径有问题，打开config/index.js，找到build下的assetsPublicPath，修改为'./'，如下：
这里说一下，dev环境下 assetsPublicPath: '/'，表示项目根目录，build 环境下的 assetsPublicPath: './'，表示当前更目录
配置完后打包发现有页面出现了
注意：如果还没有页面出现，那可能是你的路由模式选用了history，修改为hash就可以啦
二、图片加载不出来？
如果发现本地图片显示不出来，那肯定是图片地址引用错误了，此时打开build/utils.js，找到ExtractTextPlugin.extract，新增 publicPath: '../../'，如下图：
此时再打包，图片就会显示正常了文章来源：https://www.toymoban.com/news/detail-591557.html
总结
以上就是今天要讲的内容，本文仅仅简单介绍了打包后可能出现的两种情况及解决方法，如果对你有帮助记得三连哟~文章来源地址https://www.toymoban.com/news/detail-591557.html
到了这里，关于vue项目打包后显示空白解决方案？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[DNS网络] 网页无法打开、显示不全、加载卡顿缓慢 | 解决方案](https://imgs.yssmx.com/Uploads/2024/02/764756-1.png)
