vue项目打包问题

使用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，刷新你的页面，就可以看到啦