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: "./",
    },
  },
});
相关推荐
雯0609~1 分钟前
hiprint:实现项目部署与打印3-vue版本-独立出模板设计与模板打印页面
前端·vue.js·arcgis
belldeep9 分钟前
python:用 Flask 3 , mistune 2 和 mermaid.min.js 10.9 来实现 Markdown 中 mermaid 图表的渲染
javascript·python·flask
凉辰29 分钟前
使用uni.createInnerAudioContext()播放指定音频(踩坑分享功能)
开发语言·javascript·音视频
echoVic44 分钟前
多模型支持的架构设计:如何集成 10+ AI 模型
java·javascript
echoVic1 小时前
AI Agent 安全权限设计:blade-code 的 5 种权限模式与三级控制
java·javascript
David凉宸1 小时前
Vue 3 + TS + Vite + Pinia vs Vue 2 + JS + Webpack + Vuex:对比分析
javascript·vue.js·webpack
滕青山1 小时前
Vue项目BMI计算器技术实现
前端·vue.js
boooooooom1 小时前
Pinia必学4大核心API:$patch/$reset/$subscribe/$onAction,用法封神!
javascript·vue.js·面试
wxin_VXbishe1 小时前
C#(asp.net)学员竞赛信息管理系统-计算机毕业设计源码28790
java·vue.js·spring boot·spring·django·c#·php
不会敲代码11 小时前
解密JavaScript内存机制:从执行上下文到闭包的全景解析
javascript