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: "./",
    },
  },
});
相关推荐
布瑞泽的童话11 分钟前
无需切换平台?TuneFree如何搜罗所有你爱的音乐
前端·vue.js·后端·开源
书中自有妍如玉35 分钟前
layui时间选择器选择周 日月季度年
前端·javascript·layui
Riesenzahn35 分钟前
canvas生成图片有没有跨域问题?如果有如何解决?
前端·javascript
f89790707038 分钟前
layui 可以使点击图片放大
前端·javascript·layui
小贵子的博客38 分钟前
ElementUI 用span-method实现循环el-table组件的合并行功能
javascript·vue.js·elementui
明似水44 分钟前
掌握 Flutter 中的 `Overlay` 和 `OverlayEntry`:弹窗管理的艺术
javascript·flutter
忘不了情1 小时前
左键选择v-html绑定的文本内容,松开鼠标后出现复制弹窗
前端·javascript·html
码上飞扬1 小时前
前端框架对比选择:如何在众多技术中找到最适合你的
vue.js·前端框架·react·angular·svelte
笃励1 小时前
Angular面试题四
前端·javascript·angular.js
前端专业写bug1 小时前
jspdf踩坑 htmltocanvas
java·前端·javascript