vue项目打包后显示空白解决方案？
目录前言一、页面空白？二、图片加载不出来？总结vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。页面空白说明打包路径有问题，打开config/index.js，找到build下的assetsPublicPath，修改为'./'，如下：这里说一下，dev环境下 assetsPublicPath: '/'，表示项目根目录，build 环境下的 assetsPublicP
·
目录
前言
vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。
一、页面空白？
页面空白说明打包路径有问题，打开config/index.js，找到build下的assetsPublicPath，修改为'./'，如下：
这里说一下，dev环境下 assetsPublicPath: '/'，表示项目根目录，build 环境下的 assetsPublicPath: './'，表示当前更目录
配置完后打包发现有页面出现了
注意：如果还没有页面出现，那可能是你的路由模式选用了history，修改为hash就可以啦
二、图片加载不出来？
如果发现本地图片显示不出来，那肯定是图片地址引用错误了，此时打开build/utils.js，找到ExtractTextPlugin.extract，新增 publicPath: '../../'，如下图：
此时再打包，图片就会显示正常了
总结
以上就是今天要讲的内容，本文仅仅简单介绍了打包后可能出现的两种情况及解决方法，如果对你有帮助记得三连哟~
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
4
0- 0
已为社区贡献3条内容
所有评论(0)