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 相关文章推荐
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 Javascript
jQuery实现DIV层收缩展开的方法
Feb 27 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
javascript常用的方法整理
Aug 20 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 06 Javascript
详解三种方式在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
别人整理的服务器变量:$_SERVER
2006/10/20 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
php实现的证件照换底色功能示例【人像抠图/换背景图】
2020/05/29 PHP
javascript 函数调用规则
2009/08/26 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
原生JS查找元素的方法(推荐)
2016/11/22 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
js实现无缝轮播图插件封装
2020/07/31 Javascript
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
python实现小球弹跳效果
2019/05/10 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
Python爬取腾讯视频评论的思路详解
2019/12/19 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
5.12护士节演讲稿
2014/04/30 职场文书
主要负责人任命书
2014/06/06 职场文书
保送生自荐信
2015/03/06 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
Python中使用ipython的详细教程
2021/06/22 Python
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
JavaScript实例 ODO List分析
2022/01/22 Javascript
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python