vue打包字型路徑錯誤

2021-08-15 03:42:20 字數 593 閱讀 3532

打包之前

的檔案目錄:

打包之後的檔案目錄:

dist

├── index.html

└── static

├── fonts

├── css

├── img

└── js

使用 vue build 之後做**請求,發現 woff 字型無法獲取,除錯發現:

真實路徑應該是

***/static/fonts/icomoon.0125455.woff

瀏覽器實際載入路徑為:

***/static/css/static/fonts/

icomoon.0125455.woff

解決方法:

webpack 配置問題

在 build/webpack.prod.conf.js 中 extract :true 改為 fasle即可。

module: )

},

vue打包字型檔案路徑錯誤的問題

在我的專案中遇到的情形是 打包後,css裡載入的font檔案路徑變成了 static css static fonts iconfont.eot,原先的打包沒有這樣的問題,而期望的應該是 static fonts iconfont.eot。修改方式 在build utils.js37行左右的extr...

vue修改打包後靜態資源路徑

使用vue cli生成的專案,打包方式是直接執行package.json裡配置的指令碼 npm run build 這步其實是去執行build下的build.js指令碼檔案 node build build.js 複製 如果發布到伺服器資源,該靜態資源的路徑都是預設在根路徑下,大多數情況下是不符合期...

vue專案打包需要修改的路徑問題

vue cli專案打包需要修改的路徑問題 vue 打包生成配置檔案,方便外部修改公共路徑,不用每次都進行打包部署 vue打包後改變路徑的問題 命令列輸入 npm run build 打包出來後專案中就會多了乙個資料夾dist,這就是我們打包過後的專案。第乙個問題,檔案引用路徑。我們直接執行打包後的資...