electron - 项目开打（2）图片路径问题处理处理 electron 图片打包之后，路径引入问题处理，通过 vue

这是 electron 最常见的问题，原因是（目前只知道图片引入路径有问题），接下来讲述一下如何配置。

在 vue.config.js 中进行图片路径打包配置。

customFileProtocol:'./' ,通过此进行处理即可正常打包了。

具体配置如下：


const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  lintOnSave:false,
  transpileDependencies: true,
  pluginOptions: {
    electronBuilder: {
      preload: "src/preload.js", //路径根据你创建 preload.js 位置，做对应修改即可
      customFileProtocol:'./', // 图片路径引入，打包错误处理
    },
  },
});

关于其他解决方式，待后续补充。