electron build 打包时,背景图片失败,background-image: url 被转换成app:///img/

F12 console 报错:Failed to load resource: net::ERR_FAILED

这是因为 electron build 时,background-image: url('') 被转换成 app:///img/ ...

参考:

https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/configuration.html#changing-the-file-loading-protocol

通过在vue.config.js 中添加customFileProtocol,再次打包成功!

javascript 复制代码
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: ["vuetify"],
  pluginOptions: {
    electronBuilder: {
      customFileProtocol: "./",
    },
  },
});
相关推荐
菜泡泡@1 天前
仓库地图vue-grid-layout
前端·javascript·vue.js
2013编程爱好者1 天前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
不羁的fang少年1 天前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate1 天前
el-menu折叠后文字下移
前端·javascript·vue.js
weixin_411191841 天前
flutter中WebView的使用及JavaScript桥接的问题记录
javascript·flutter
百***06011 天前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮1 天前
Vue + excel下载 + 水印
前端·vue.js·excel
用户47949283569151 天前
Code Review 惊魂:同事的“优雅”重构,差点让管理员全部掉线
javascript
虚伪的空想家1 天前
arm架构服务器使用kvm创建虚机报错,romfile “efi-virtio.rom“ is empty
linux·运维·服务器·javascript·arm开发·云原生·kvm
不爱吃糖的程序媛1 天前
鸿蒙PC Electron 打印服务实现详解
华为·electron·harmonyos