使用vue-cli工具可以大大提高我們的開發效率，作為小白的喔首先遇到的問題就是：我寫到網頁怎麼釋出到伺服器呢？ Google一下找到一篇類似的回答，通過npm run build可以生成dist目錄，開啟目錄可以發現裡面有一個index.html檔案，這就首頁了，但是它並不支援直接在本地開啟（不支援file）；但是問題來了，我將dist目錄放到伺服器以還是不可以開啟網頁，檢視控制檯發現一堆404；仔細檢查檔案發現是檔案引用有問題，如圖1-1地址前面多了個”/“號。將所有引用修改後網頁可以開啟了。
圖1-1
簡單來說就是一下幾個步驟：
1 使用npm run build命令打包專案
2 將專案目錄下的dist複製到伺服器上
3 修改index.html引用
4輸入地址訪問網頁