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入门教程(6) Window窗口对象
Jan 31 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
JQuery核心函数是什么及使用方法介绍
May 03 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
js实现定时进度条完成后切换图片
Jan 04 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
浅谈ng-zorro使用心得
Dec 03 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 Javascript
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 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
递归列出所有文件和目录
2006/10/09 PHP
php下使用以下代码连接并测试
2008/04/09 PHP
php下保存远程图片到本地的办法
2010/08/08 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
Jquery easyUI 更新行示例
2014/03/06 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
微信小程序实现图片上传放大预览删除代码
2020/06/28 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
vue2.0 解决抽取公用js的问题
2020/07/31 Javascript
Python 返回汉字的汉语拼音
2009/02/27 Python
python实现跨文件全局变量的方法
2014/07/07 Python
python requests post多层字典的方法
2018/12/27 Python
python实现画五角星和螺旋线的示例
2019/01/20 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
python中p-value的实现方式
2019/12/16 Python
Tensorflow 实现释放内存
2020/02/03 Python
Python sys模块常用方法解析
2020/02/20 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
详解Python 循环嵌套
2020/07/09 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
大二学生职业生涯规划书
2014/02/05 职场文书
装修施工安全责任书
2014/07/24 职场文书
水利专业大学生职业生涯规划书范文
2014/09/17 职场文书
交通安全月活动总结
2015/05/08 职场文书
Python爬虫基础初探selenium
2021/05/31 Python
Redis中一个String类型引发的惨案
2021/07/25 Redis