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

打包成功!路径正确!页面显示正常!

你可能感兴趣的:(vue.config.js对于)