使用vue-cli工具可以大大提高我們的開發(fā)效率单旁，作為小白的喔首先遇到的問題就是：我寫到網(wǎng)頁怎么發(fā)布到服務(wù)器呢蟋定？ Google一下找到一篇類似的回答塘娶，通過npm run build可以生成dist目錄扰法，打開目錄可以發(fā)現(xiàn)里面有一個(gè)index.html文件栓票，這就首頁了密任，但是它并不支持直接在本地打開（不支持file）；但是問題來了，我將dist目錄放到服務(wù)器以還是不可以打開網(wǎng)頁大渤，查看控制臺(tái)發(fā)現(xiàn)一堆404惑芭；仔細(xì)檢查文件發(fā)現(xiàn)是文件引用有問題，如圖1-1地址前面多了個(gè)”/“號(hào)淹遵。將所有引用修改后網(wǎng)頁可以打開了口猜。
圖1-1
簡(jiǎn)單來說就是一下幾個(gè)步驟：
1 使用npm run build命令打包項(xiàng)目
2 將項(xiàng)目目錄下的dist復(fù)制到服務(wù)器上
3 修改index.html引用
4輸入地址訪問網(wǎng)頁
