鍍金池/ 問答/Java  HTML/ vuecli打包后的項(xiàng)目放在服務(wù)器上圖標(biāo)字體顯示方塊？

vuecli打包后的項(xiàng)目放在服務(wù)器上圖標(biāo)字體顯示方塊？

問題描述

vuecli打包后的項(xiàng)目放在java服務(wù)器上圖標(biāo)字體顯示方塊。在本地dist文件夾下用http-server起的web服務(wù)訪問圖標(biāo)顯示沒問題。

clipboard.png

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

打包后的css中字體地址url(../../static/fonts/fa-solid-900.00ddaed.ttf)
java服務(wù)中字體也加載了

clipboard.png

沒有任何資源報(bào)錯(cuò)
資源目錄中沒有font文件夾

clipboard.png

Vue-cli的webpack配置文件中都改成相對地址了

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

字體圖標(biāo)為什么已經(jīng)加載了卻不顯示？source資源目錄下為何沒有font？為何沒有任何報(bào)錯(cuò)？

回答
編輯回答
挽歌

解決了！

2017年7月9日 21:41