使用 vue-cli 脚手架构建 vue 项目 vue init webpack project
NPM run build 打包时出现
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.
这段话的意思就是说: 构建文件务必放在一个 HTTP 服务器. 直接打开 index.HTML 文件将不工作.
NPM run dev 是开发环境, NPM run build 是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码, 执行 NPM run build 命令后, 会生成 dist 目录, 里边包含 index.HTML 和 static 文件夹.
直接本地打开 index.HTML 显示 Failed to load resource: net::ERR_FILE_NOT_FOUND
如何解决本地无法打开 index.HTML 问题
到项目目录下的 config 文件夹里的 index.JS 文件中, 将 build 对象下的 assetsPublicPath 中的 "/", 改为 "./" 即可, 就在前面加个点就可以了,
现在再重新打包一次 NPM run build, 刷新你的页面, 就可以看到啦
来源: http://www.bubuko.com/infodetail-2813981.html