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 小时前
JavaScript基础-navigator 对象
前端·javascript
前端Hardy1 小时前
HTML&CSS:音乐播放器卡片
javascript·css·html
前端Hardy1 小时前
HTML&CSS:有个性的复选框
javascript·css·html
猿榜2 小时前
一文带你了解并发编程:线程、进程与协程
javascript·python
辛-夷2 小时前
正则表达式(一)
前端·javascript·正则表达式
码觉客2 小时前
pdf.js中如何拦截save按钮阻止用户下载到本地,并生成的PDF文件上传到后台服务器
前端·javascript
duibaix2 小时前
快手 __NS__sig3 逆向分析
javascript·逆向
@PHARAOH2 小时前
WHAT - React 元素接收的 ref 详解
前端·javascript·react.js
明天好,会的3 小时前
极简设计的力量:用 `apiStore` 提升项目效率与稳定性
前端·javascript·vue.js
前端极客探险家3 小时前
Vue 3 + jsPlumb 打造可视化流程图组件(支持图标与颜色配置)
前端·vue.js·流程图