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: "./",
    },
  },
});
相关推荐
JohnYan5 分钟前
工作笔记 - 微信消息发送和处理
javascript·后端·微信
陈陈爱java41 分钟前
Spring八股文
开发语言·javascript·数据库
@大迁世界1 小时前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html
烛阴1 小时前
【TS 设计模式完全指南】用工厂方法模式打造你的“对象生产线”
javascript·设计模式·typescript
定栓1 小时前
Typescript入门-类型断言讲解
前端·javascript·typescript
xiaominlaopodaren1 小时前
“UI里就可以请求数据库”,让你陌生的 React 特性
前端·javascript·react.js
薛定谔的算法1 小时前
JavaScript数组操作完全指南:从基础到高级
前端·javascript·算法
用户22152044278001 小时前
Promise实例方法和async、await语法糖
前端·javascript
前端开发爱好者2 小时前
下一代全栈框架:Deno + Vite 的结合体!
前端·javascript·后端
CUGGZ2 小时前
前端部署,又有新花样?
前端·javascript