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

当使用electron打包完成的时候,启动项目发现使用的element-ui字体图标没显示都变成了小方块,并出现报错,请看下图:electron-builder vue 打包后element-ui字体图标不显示问题_第1张图片

 electron-builder vue 打包后element-ui字体图标不显示问题_第2张图片

解决方法:

在vue.config.js中设置 customFileProtocol字段:

pluginOptions: {
	electronBuilder: {
		customFileProtocol: "./"
	}
}

 electron-builder vue 打包后element-ui字体图标不显示问题_第3张图片

electron-builder vue 打包后element-ui字体图标不显示问题_第4张图片

electron-builder vue 打包后element-ui字体图标不显示问题_第5张图片

完美解决问题!! 

你可能感兴趣的:(vue.js,electron,前端)