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: "./",
    },
  },
});
相关推荐
冴羽28 分钟前
今日苹果 App Store 前端源码泄露,赶紧 fork 一份看看
前端·javascript·typescript
蒜香拿铁30 分钟前
Angular【router路由】
前端·javascript·angular.js
时间的情敌37 分钟前
Vite 大型项目优化方案
vue.js
西洼工作室1 小时前
高效管理搜索历史:Vue持久化实践
前端·javascript·vue.js
樱花开了几轉1 小时前
element ui下拉框踩坑
开发语言·javascript·ui
故事不长丨2 小时前
【Java SpringBoot+Vue 实现视频文件上传与存储】
java·javascript·spring boot·vscode·后端·vue·intellij-idea
Jeffrey__Lin3 小时前
解决Grid布局下el-table自适应缩小失败的问题
vue.js·elementui·html
时间的情敌3 小时前
Vue3的异步DOM更新:nextTick的正确使用方法
前端·javascript·vue.js
咖啡の猫4 小时前
vue 项目中常用的 2 个 Ajax 库
vue.js·ajax·okhttp
一个假的前端男4 小时前
uniapp vue2 三端瀑布流
前端·javascript·uni-app