vue cli打包遇到的問題

2021-08-26 02:51:12 字數 460 閱讀 3822

1.首頁空白

在打包時需要使用相對路徑來處理靜態資源,更改build中資源發布路徑配置(config/index.js, build物件),打包後靜態檔案就在當前目錄下。

解決:修改config目錄裡面的index.js檔案

將 build裡的assetspublicpath: 『/』 改為 assetspublicpath: 『./』

2.static下靜態資源找不見

3.解決vue-cli打包時背景丟失問題

需要更改build/utils.js的配置

至於為什麼背景圖有的打包後存在,有的丟失,那是因為vue會把轉成base64,但是大小超過閾值就不轉了,直接引,而背景裡用的是相對路徑最後會直接替換成static,但是明顯路徑會有問題,所以得配置下

vue cli打包上線遇到各檔案找不到問題 引入

在做vue cli webpack腳手架專案打包完成後,在伺服器上執行發現,有些js中定義的變數找不到,css,背景資源等都找不到,原來發現專案打包後的css和js的引用路徑是絕對路徑,專案部署後會將靜態當成根目錄,就造成了檔案引用路徑的錯誤,解決方法是通過修改配置檔案,將絕對路徑改為相對路徑,從而...

react 打包遇到的問題

1.npm run build 打包後報錯 child html webpack plugin for index.html 1asset entrypoint html webpack plugin for index.html index.html child mini css extract ...

vue cli 打包部署

1 一般打包 直接 npm run build。webpack的檔案,根據不同的命令,執行不同的 的 注 這種打包的靜態檔案,只能放在web伺服器中的根目錄下才能執行。2 在伺服器中 非根目錄下 執行的 打包 需要配置 參考 3 在本地檔案系統中開啟,不需要web伺服器 暫時 不清楚 4 使用 hi...