Vue elementui字体图标显示问题解决方案


Posted in Javascript onAugust 18, 2020

问题如下

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>

重启项目,这样应该就可以了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript针对DOM的应用分析(二)
Apr 15 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
Dec 26 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
vue的全局变量和全局拦截请求器的示例代码
Sep 13 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
Sep 18 Javascript
Node.js使用supervisor进行开发中调试的方法
Mar 26 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
js实现飞机大战游戏
Aug 26 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 #Javascript
javascript实现移动端上传图片功能
Aug 18 #Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 #Javascript
小程序实现上传视频功能
Aug 18 #Javascript
如何在selenium中使用js实现定位
Aug 18 #Javascript
vue实现移动端input上传视频、音频
Aug 18 #Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 #Javascript
You might like
Oracle Faq(Oracle的版本)
2006/10/09 PHP
php调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
JavaScript 格式字符串的应用
2010/03/29 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
js实现div的切换特效上一个下一个
2014/02/11 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
js实现移动端图片滑块验证功能
2020/09/29 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
Python实现统计单词出现的个数
2015/05/28 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
python方向键控制上下左右代码
2018/01/20 Python
python实现批量转换图片为黑白
2020/06/16 Python
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
成教自我鉴定
2013/10/27 职场文书
材料采购员岗位职责
2013/12/17 职场文书
结婚典礼证婚词
2014/01/11 职场文书
初中政治教学反思
2014/01/17 职场文书
社区食品安全实施方案
2014/03/28 职场文书
竞选学生会演讲稿
2014/04/25 职场文书
英语教师求职信
2014/06/16 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
员工辞职信范文
2015/03/02 职场文书
职称评定个人总结
2015/03/05 职场文书