關於vue 打包

在開發完vue 專案後  實際上線的時候我們需要生產環境而不是開發環境  （這是句廢話 ）

這個時候  我們需要在專案下  執行

npm run build

會在專案下生成dist資料夾    然後專案的各種依賴就全部打包壓縮成了，，然而  開啟之後卻傻眼了  神魔都沒有《哈》《哈》《哈》《哈》

這是為什麼呢？？、沒看到之前就報錯了嗎？？？

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

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

這也算不上報錯，，人家都已經提醒你了，，說要放在一個http伺服器環境。否則404

那不就是路徑錯了，這還不好辦  改路徑唄~~

 在vue-cli的預設配置中（準確點是build資料夾下的index.js中的build選項）, 把assetsPublicPath: '/'改成assetsPublicPath: './',dist資料夾裡的檔案必須放在伺服器的根目錄, 如果你想本地開啟的話, 可以在npm run build完成之後執行以下命令:

npm install -g http-server // 該命令只需執行一次, 安裝過之後, 以後就不需要重複安裝了.
 

然後本地檢視沒有問題   拉倒ndoe伺服器上的靜態資源下就可以通過公網檢視^^^專案了