解决electron-builder vue 打包后element-ui字体图标不显示问题

项目使用的是vue2 + element-ui + electron

当使用electron打包完成的时候,启动项目发现使用的element-ui字体图标没显示都变成了小方块,并出现报错,请看下图:

解决方法:
在vue.config.js中设置 customFileProtocol字段:

···

bash 复制代码
 pluginOptions: {
    electronBuilder: {
      customFileProtocol: './' // 设置自定义文件协议,以解决 Electron 中加载本地文件不显示的问题。
    }
  },

最后保存在重新打包就行了!!

相关推荐
瘦马7 分钟前
PhotoShop网页版为人像换背景,一键完成抠图换景
ui·photoshop
拉不动的猪18 分钟前
为什么不建议项目里用延时器作为规定时间内的业务操作
前端·javascript·vue.js
jason_yang31 分钟前
vue3+element-plus按需自动导入-正确姿势
vue.js·vite·element
泉城老铁1 小时前
vue实现前端excel的导出
前端·vue.js
用户51681661458411 小时前
Lottie动画在前端web、vue、react中使用详解
前端·vue.js
咖啡の猫1 小时前
Vue收集表单数据
前端·javascript·vue.js
知识分享小能手2 小时前
uni-app 入门学习教程,从入门到精通, uni-app常用API的详细语法知识点(上)(5)
前端·javascript·vue.js·学习·微信小程序·小程序·uni-app
_志哥_2 小时前
多行文本超出,中间显示省略号的终极方法(适配多语言)
前端·javascript·vue.js
我是日安2 小时前
从零到一打造 Vue3 响应式系统 Day 29 - readonly:数据保护实现
前端·javascript·vue.js
૮・ﻌ・3 小时前
Vue2(一):创建实例、插值表达式、Vue响应式特性、Vue指令、指令修饰符、计算属性
前端·javascript·vue.js