使用vue/cli 3.0脚手架打包项目页面空白不显示

项目场景：

使用vue/cli 3.0脚手架打包项目

---

问题描述：

执行npm run build打包后页面空白不显示

---

原因分析：

项目部署时使用的是绝对路径，修改为相对路径就能好使，在各平台上看到的解决办法都是找到webpack.prod.conf.js文件或者是config/index.js文件将assetsPublicPath: '/'修改为assetsPublicPath: './'，因为我使用的是vue/cli3.0，所以我创建的vue项目没有config或者build文件夹，找不到配置文件，最后在vue ui中修改了配置。

---

解决方案：

在命令行输入vue ui 进入这个页面，选择当前项目进行配置即可；
配置完之后会发现在项目根目录被新建了一个配置文件：vue.config.js，里边只有一行代码：publicPath: ‘./’
所以我们可以直接在项目根目录创建一个vue.config.js文件，把这行代码写进去导出：

再次运行 npm run build 页面内容就可以正常显示了。