項目開發完了以后,肯定是要打包的,不然也就失去了項目存在的意義。
上圖中的build就是打包的,它會根據你的配制文件生成一個目錄,然后目錄中就是最終生成的文件,
上傳到服務器,就可以運行。
但是,一般都是存在各種各樣的問題,比較說路徑問題,這個是常見的問題。
這個是vue.config.js
1、目錄路徑(靜態資源)問題
publicPath: 這個是訪問的根目錄,一開始是/
outputDir:這個是生成的文件放在那個目錄下面,如果叫abc,那么生成的目錄這樣的 上圖中是disc那么disc就是生成的目錄名。
abc
-- index.html
-- static
那么生成的文件中的index.html,link src等等的路徑全是以/static,這樣會導致路徑出錯。
index.html要訪問static目錄下的文件,那直接訪問就可以了。不用加/,這樣就把publicPath去掉。
2、api路徑的問題
我們一般是通過一個基礎的js文件,里面封裝了axios,如下圖:
這個是讀的配制文件,如果下圖:
這樣的話,只要替換 '/您的服務器api的根目錄',當然有些是不會有什么根的,那就直接去掉即可。(同理不同是也。)
這樣的話,發布以后就是我們想要的,包括了靜態資源以及api的路徑。