vue-cli3.0 执行打包指令npm run build后如何本地直接访问index.html

1：在最外层目录下创建一个vue.config.js文件；

2. 在vue.config.js中输入如下代码：

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

3. 保存后执行npm run build以后会出现一个dist目录，点击里面的index.html文件即可直接访问本次项目，而不需要执行npm run serve。

注意： 不配置vue.config.js，直接打包的话。系统默认的是'/'（根目录），而不是'./'（当前目录）。可在dist下的index.html中文件引用路径中查看。