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

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

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

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

···

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

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

相关推荐
阳火锅1 分钟前
都2025年了,来看看前端如何给刘亦菲加个水印吧!
前端·vue.js·面试
夕水40 分钟前
ew-vue-component:Vue 3 动态组件渲染解决方案的使用介绍
前端·vue.js
我麻烦大了43 分钟前
实现一个简单的Vue响应式
前端·vue.js
aklry2 小时前
uniapp三步完成一维码的生成
前端·vue.js
用户26124583401613 小时前
vue学习路线(11.watch对比computed)
前端·vue.js
阑梦清川4 小时前
Java后端项目前端基础Vue(二)
vue.js
雪碧聊技术5 小时前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
百锦再6 小时前
重新学习Vue中的按键监听和鼠标监听
javascript·vue.js·vue·计算机外设·click·up·down
快起来别睡了6 小时前
Vue 3 中的组件通信与组件思想详解
vue.js
不讲道理的柯里昂6 小时前
Vue MathJax Beautiful,基于Mathjax的数学公式编辑插件
vue.js·开源