electronbuild打包时,背景图片失败,background-image:url被转换成app:///i
- 开源代码
- 2025-08-19 01:33:01

F12 console 报错:Failed to load resource: net::ERR_FAILED 这是因为 electron build 时,background-image: url(‘’) 被转换成 app:///img/ … 参考:
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: "./", }, }, });electronbuild打包时,背景图片失败,background-image:url被转换成app:///i由讯客互联开源代码栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“electronbuild打包时,背景图片失败,background-image:url被转换成app:///i”
下一篇
Linux知识