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 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
range 标准化之获取
Aug 28 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 Javascript
深入理解JavaScript定时机制
Oct 27 Javascript
获取url中用&amp;隔开的参数实例(分享)
May 28 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
javascript实现QQ空间相册展示源码
Dec 12 Javascript
Vue程序调试的方法
Jun 17 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
three.js中多线程的使用及性能测试详解
Jan 07 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
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
js获取图片大小的函数代码
2011/09/20 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JS截取字符串实例详解
2015/11/24 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
简述vue中的config配置
2018/01/23 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
2020/07/11 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
党委书记岗位职责
2013/11/24 职场文书
教育孩子心得体会
2014/01/01 职场文书
幼儿园家长寄语
2014/04/02 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
介绍信如何写
2015/01/31 职场文书
教师求职自荐信范文
2015/03/04 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
西游记读书笔记
2015/06/25 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
golang import自定义包方式
2021/04/29 Golang
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python