解決@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模式即可。