解决@vue/cli3打包后页面空白

npm run build后，本地直接访问请求都是正确的，线上服务器也显示正常，就是页面空白，主要修改以下两个地方。

vue.config.js(项目根目录下)

 

module.exports = {
  runtimeCompiler: true,
  publicPath: './',  //输出的根路径  默认是/ 如果你的网站是app.com/vue 这更改此配置项
  devServer: {
    port: 8888 //端口
  }
}

如果没有vue.config.js文件，则新建一个即可。

router.js

 

// mode: 'history',     

注释掉 mode: 'history' 这行，默认采用hash模式即可。