vue.js項目如何打包上線(xiàn)

這篇文章主要介紹了vue.js項目如何打包上線(xiàn)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著(zhù)大家一起了解一下。

首先需要修改一下配置文件再打包，很多人都是遇到過(guò)打包后運行一片空白等等問(wèn)題，這些問(wèn)題主要就是路徑的問(wèn)題，所以需要修改config下面的index.js這個(gè)配置文件里選項：

上圖中第一個(gè)要修改的就是靜態(tài)文件的路徑，打包后靜態(tài)文件就在當前目錄下，所以修改為./

第二個(gè)是環(huán)境設置為生產(chǎn)環(huán)境

修改好后打開(kāi)cmd運行下面的命令打包即可：

注意下面的tip，告訴你這個(gè)打包后的文件需要放到才能打開(kāi)，不能直接使用瀏覽器打開(kāi)，打包后的文件結構如下：

這時(shí)我們需要使用服務(wù)器的方式來(lái)訪(fǎng)問(wèn)index.html就可以了。這里可能很多人也會(huì )遇到一些問(wèn)題，比如大家可能在開(kāi)發(fā)的時(shí)候使用的proxytable來(lái)解決跨域的問(wèn)題，這里就會(huì )沒(méi)有數據了，這個(gè)需要自己通過(guò)服務(wù)器在解決一下才可以的，proxytable在這里只是為了方便大家開(kāi)發(fā)的跨域解決方案。