vue專案打包到上線

2021-10-17 08:52:44 字數 582 閱讀 2631

首先通知後端,獲取乙個線上的路徑,之後將之前的開發路徑切換為線上路徑。

設定統一的請求路徑

if

(options.extract))}

else

}

在某種情況下會出現html主路徑引入不正確的問題,需要配置config資料夾內部的index.js檔案,修改assetspublicpath,注意,這裡的assetspublicpath是build生產環境下的assetspublicpath路徑,而不是dev開發環境下的assetspublicpath。

3. 開啟dist底下的index.html檔案,修改檔案路徑

4. 最後執行npm run build打包專案,最後交給後端就大功告成。(也可以上傳到github上檢視)

vue專案的打包上線

開啟專案目錄,執行 npm run build 專案執行後,會生成乙個dist目錄,這個目錄就是上線的內容,將這個檔案給後台,放到伺服器上即可 1.後台的根目錄下直接放即可 2.如果放在後台的乙個資料夾下,例如放在後台的project檔案下,配置如下 config index.js檔案裡面找到bui...

基於Vue專案打包上線配置

開發階段 注釋掉 讓 後面的log 可以使用 發布階段 釋放注釋 log重寫 後面的log 都不會 列印npm i live server g為什麼要進行懶載入 效能優化 首屏載入速度 router index.js import home from pages home.vue home就是首屏 ...

vue專案筆記(31) 專案打包上線

1 在專案終端中執行以下命令 npm run build2 此後,專案會增加dist資料夾,該目錄 就是最終要上線的 3 複製dist資料夾,交於後台開發人員,將 放到後端的伺服器上。4 放置在後端的根目錄下,也可以放置在指定的目錄下。如果要放置在指定的目錄下,我們需要在前端的config inde...