您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關解決Vue中elementui字體圖標顯示的問題的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
問題如下
在build/utils.js下找到
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) } else { return ['vue-style-loader'].concat(loaders) }
加上
publicPath: '../../'
運行項目還是不行 ,Failed to decode downloaded font: http://192.168.11.110:8081/dist/static/font 路徑也是對的
網上搜了很多,大部分說是后臺經過maven的filter,會破壞font文件的二進制文件格式,導致前臺解析出錯
但是我的是運行在本地環境下,還沒有進行打包部署
解決方式:
在maven文件的pom文件的build標簽加入下面的
<plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-resources-plugin</artifactId> <configuration> <nonFilteredFileExtensions> <nonFilteredFileExtension>ttf</nonFilteredFileExtension> <nonFilteredFileExtension>woff</nonFilteredFileExtension> <nonFilteredFileExtension>woff2</nonFilteredFileExtension> </nonFilteredFileExtensions> </configuration> </plugin>
重啟項目,這樣應該就可以了
感謝各位的閱讀!關于解決Vue中elementui字體圖標顯示的問題就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。