主要介绍了vue本地打开build后生成的dist文件夹index.html问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧

问题： Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 解释： npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,执行npm run build 命令后，会生成dist目录，里边包含index.html和static文件夹。 npm run build的时候

1.问题描述： npm run build 在dist 文件生成了 index 和 static 文件夹，为什么本地打开不了，给后端就能打开？ 如何才能像访问 npm run dev 的地址那样访问？ 2.种简单方法 2.1 修改配置在本地访问 更改一些路径参数后，然后再次运行npm run build 就可以在本地打开index.html 改哪里？ config/index.js文件 build: { assetsPublicPath: '/' } 改成 build: { a

问题描述： npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。 放到跟目录下就正常了。 问题解决： 打开项目所在文件夹里面的 config – index.js 在 build 部分的 assetsPublicPath 里面加一个点即可 assetsPublicPath: '/', 改为 assetsPublicPath: './', 解释： 将绝对路径改为相对路径（解释有点不对，凑合着理解吧） 延伸： 这么做的效果主要影响