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

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

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

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

···

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

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

相关推荐
无羡仙6 小时前
从零构建 Vue 弹窗组件
前端·vue.js
豆几的窝8 小时前
230+效率功能2026AI插件脚本大合集V7.0最新中文版支持Illustrator 2026-CS6 Win/Mac
ui·illustrator
计算机毕设VX:Fegn08959 小时前
计算机毕业设计|基于springboot + vue动物园管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
北辰alk9 小时前
深入理解Vue数据流:单向与双向的哲学博弈
vue.js
北辰alk10 小时前
解决Vue打包后静态资源图片失效的终极指南
vue.js
Jing_Rainbow12 小时前
【Vue-2/Lesson62(2025-12-10)】模块化与 Node.js HTTP 服务器开发详解🧩
前端·vue.js·node.js
冴羽13 小时前
2026 年 Web 前端开发的 8 个趋势!
前端·javascript·vue.js
五仁火烧13 小时前
Vue3 项目的默认端口行为
服务器·vue.js·nginx·容器·vue
Younglina15 小时前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
pas13615 小时前
31-mini-vue 更新element的children
前端·javascript·vue.js