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就能夠了