当前位置: 首页 > news >正文

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,再次打包成功!

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: ["vuetify"],
  pluginOptions: {
    electronBuilder: {
      customFileProtocol: "./",
    },
  },
});

相关文章:

  • 使用JavaScript实现图片的自动轮播
  • OpenCV之九宫格图像
  • 软件工程开发模式:从传统到现代的演进
  • opencv图像像素类型转换与归一化
  • 再也不怕面试官拷打Go数据结构了!-Go语言map详解
  • 340. 至多包含 K 个不同字符的最长子串
  • 中华崛起,科技强国!这三款充满科技风的科技模板,一起来探索吧
  • Vue路由和Node.js环境搭建
  • 学Python的漫画漫步进阶 -- 第十一步.常用的内置模块
  • 【Vue】使用vue-cli搭建SPA项目的路由,嵌套路由
  • iOS“超级签名”绕过App Store作弊解决方案
  • 爬虫项目(四):抓取网页所有图片
  • Linux知识
  • Pytorch(GPU)环境安装
  • 华为OD机试 - 计算面积 - 逻辑分析(Java 2023 B卷 100分)
  • 软件定制APP开发步骤分析|小程序
  • C语言关于自定义字符函数和字符串函数的相关笔试题(找工作必看)
  • inject和provide源码
  • 【SpringBoot项目】SpringBoot+MyBatis+MySQL电脑商城
  • Vue系列(四)之 Vue路由介绍和Node.js的环境搭建
  • 南部战区位南海海域进行例行巡航
  • 发布亮眼一季度报后,东阿阿胶股价跌停:现金流隐忧引发争议
  • 黄晓丹:用“诗心”找到生存的意义
  • 上海质子重离子医院已收治8000例患者,基本覆盖国内常见恶性肿瘤
  • 百岁太极拳大师、陈氏太极拳第十一代嫡宗传人陈全忠逝世
  • 屋顶上的阳光与火光:战争如何改变了加沙的能源格局