背景:
本地启动的项目,背景图片是可以显示的,但是打包之后,启动exe文件,发现启动之后只有背景图没有显示。
我的背景图是通过css引入的
background-image: url('~@/assets/resource/loginBg.png');
问题:
打包后打开控制台发现是路径错误。
解决:
在vue.config.js文件中添加customFileProtocol:'./'
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
pluginOptions: {
electronBuilder: {
preload: "src/preload.js",
customFileProtocol:'./', 新增代码
},
}
})
再次打包项目,启动exe,发现背景图片已经可以显示了。