在使用vue-cli 4.0的时候,npm run build的后,打开dist文件夹,打开index.html后,页面空白,控制台报错。如下图:

 

解决办法:

在项目中添加vue.config.js文件,内容如下:

第一次尝试:

1 module.exports = {
2   baseUrl: process.env.NODE_ENV === 'production'
3     ? './'
4     : '/'
5 }

打包报错:

 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

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

年轻的时候啊,都以为人生很长,其实人生很短,最棒的是不后悔,最难的是不遗憾。

Logo

前往低代码交流专区

更多推荐