vue-cli build之后打开网页是空白页

打开网页的情况是一片空白,也没有404

f12检查可以发现

这里的路径都是'/'开头

这是原因所在,具体可以看vue官网的参考配置的publicPath这一块 

他的默认配置是'/'

我们需要的是'./'

解决办法

在vue.config.js中(这个文件如果没有需要自己创建)添加

module.exports = {
    
    publicPath:'./'
   
}

然后重新 npm run build

这里提一下

我有看见其他博客说什么

在config/index.js文件里修改的,

还有在vue.config.js中先添加一个build配置项,然后再在其里面添加publicPath的

这两个办法,前者我找不到config这个文件夹,后者npm run build会直接报错

可能版本改变的原因吧,我是vue2,版本是2.6.11