vue打包后如何本地打开，init和create两种方式

第一种使用vue init创建的项目

Opening index.html over file:// won't work.

在config->index.js中修改build中的内容

把assetsPublicPath: '/'
改成assetsPublicPath: './'

 

 

本地打开后CSS文件中图片资源无法加载

在build->utils.js中添加
publicPath: "../../"
注意查看是在fallback: 'vue-style-loader'下添加

第二种 使用create创建的项目

打开如下文件

node_modules/@vue/cli-service/lib/options.js

修改publicPath

 

问题

如果直接修改后，再次serve上面运行就会出错，需要改回来，另外的方法就是参照init中提取options，修改成dev和build两个版本，这里暂时不做实验，如果有机会则会补充