vue项目打包后,生成的index.html直接本地打开后没内容
应该是文件路径找不到了
可以打开控制台看看
可以看到加载css,js,图标资源失败,所以是文件路径问题
vue-cli工程化生成的项目在打包后,默认的资源寻找路径是根,所以可以看到它直接在/F;/favicon找图标,但这个图标是放在项目所在目录根下的,不是系统盘根下,所以这时候就要改配置文件,让项目从项目根开始找,即相对路径
在vue.config.js加上public path,如下
然后重新打包就好了,继续本地浏览器打开index.html就可以了