1. 程式人生 > 實用技巧 >Vant 離線/內網 引入本地 字型/Icon圖示是小方塊 “□”的解決辦法

Vant 離線/內網 引入本地 字型/Icon圖示是小方塊 “□”的解決辦法

第一步:下載所需的 JS/CSS 樣式檔案到本地(點選對應的路徑下載到本地;例如SpringBoot專案放到:static/css/** 以及 static/js/**)

第二步:修改index.css樣式檔案中的 https://*** 相關的資訊

(1)找到 需要聯網獲取的 https://** 相關的資訊

(2)下載index.css 中 https://** 路徑指向的檔案下載到本地,進行替換

排錯部分:

01:failed to decode downloaded font:<URL>

報錯原因:資原始檔被攔截(根據提示的 http://** 路徑能訪問到檔案即為正確)

解決方法:

本地放開靜態資源的訪問許可權即可,保證使用 上面的http://** 可以訪問到檔案。