vue-cli构建项目 npm run build后应该怎么运行在本地查看效果

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

这时如果直接运行npn run build是可以运行并打包代码的,不会报任何异常或错误,但是你会看到你的命令行打包完成有这样一句提示:

    Tip: built files are meant to be served over an HTTP server

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

这时候再用浏览器打开了你刚build生成的dist目录下的index.html文件,会发现网页一片空白,丝毫没有一点点痕迹,打开控制台后会看到console tab下一片404的各种找不到资源;

这时到项目目录下的config文件夹里的index.js文件中的build对象,将assetsPublicPath中的“/”,改为“./”即可,就在前面加个点就可以了,并在build\build.js将这两句的提示信息删掉或注释掉,再打包直接用浏览器直接运行就好了。

 

转载于:https://my.oschina.net/huibaifa/blog/1806719

你可能感兴趣的:(vue-cli构建项目 npm run build后应该怎么运行在本地查看效果)