npm run build 打包后，如何查看效果

我們用vue-cli搭建的項目執行npm build后本地打開頁面空白，如果才能查看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文件將不工作，那如何本地查看呢：
（1）到項目目錄下的config文件夾里的index.js文件中,將build對象下的assetsPublicPath中的“/”，改為“./”即可，就在前面加個點就可以了，

現在再重新打包一次 npm run build，刷新你的頁面，就可以看到啦

（2）還有一種就是借助http-server：

首先我們需要安裝它命令npm install http-server -g，然后執行npm run build,之后進入打包的目錄我這里是cd dist然后執行http-server就可以了