vue-cli3项目打包后页面空白（vue-cli3版本）

首先，如果想要打包后，直接打开index.html页面查看效果，就只需要修改vue.config.js文件，找不到这个文件怎么办呢？去项目的根目录，自己新建一个vue.config.js文件，与package.json同级。创建后输入以下代码：

module.exports = {
   
    publicPath:'./'
}

重新打包，就可以直接点击index.html查看效果了。

如果想要把项目打包上线后查看效果，就进入router文件夹，修改index.js文件，在 new VueRouter中加入以下一行代码：

base:'/dist'

全部内容如下：