vue-cli 4.0 中打包后，頁面空白，路徑錯誤。打包報錯：baseUrl is not allowed

在使用vue-cli 4.0的時候，npm run build的后，打開dist文件夾，打開index.html后，頁面空白，控制台報錯。如下圖：

 

解決辦法：

在項目中添加vue.config.js文件，內容如下：

第一次嘗試：

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

打包報錯：

 ERROR  Invalid options in vue.config.js: "baseUrl" is not allowed

第二次嘗試：

module.exports = {
 publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

這邊有一個坑，在vue-cli.3.3版本后  baseUrl被廢除了，因此這邊要寫成 publicPath

 打包成功！路徑正確！頁面顯示正常！