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 的方法重载效果
Aug 07 Javascript
为指定元素增加样式的js代码
Dec 09 Javascript
jWiard 基于JQuery的强大的向导控件介绍
Oct 28 Javascript
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
Mar 20 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
JS实现选项卡效果的代码实例
May 20 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
使用typescript改造koa开发框架的实现
Feb 04 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速度全攻略
2006/10/09 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
php从csv文件读取数据并输出到网页的方法
2015/03/14 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
Laravel 集成 Geetest验证码的方法
2018/05/14 PHP
基本jquery的控制tabs打开的数量的代码
2010/10/17 Javascript
replace()方法查找字符使用示例
2013/10/28 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
2016/08/16 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
2018/04/18 jQuery
Vue 使用中的小技巧
2018/04/26 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
python计算牛顿迭代多项式实例分析
2015/05/07 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
Tornado 多进程实现分析详解
2018/01/12 Python
对Python 网络设备巡检脚本的实例讲解
2018/04/22 Python
python使用Plotly绘图工具绘制水平条形图
2020/03/25 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
Python中if有多个条件处理方法
2020/02/26 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
大学军训感言1500字
2014/03/09 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
Springboot使用Spring Data JPA实现数据库操作
2021/06/30 Java/Android
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android