vue3+electron 如何做到本地化？

作者站长头像
站长
· 阅读数 16

我的项目目录如下：vue3+electron 如何做到本地化？其余 electron 为应用 main.js 主进程存放目录，dist、dist-electron 分别为 vue 的打包目录和 electron 的打包目录

之前我都是将 dist 上传到服务器，后 electron 中通过访问网络地址进行展示操作但如今客户要求应用本地化，应该怎么做呢？

是将 electron 中的 mainWindow.loadURL() 指向本地 dist 文件？还是在 electron 中开启本地 http 服务，之后服务指向本地 dist 文件？而且我现在是打包的两个文件，是否是将 dist 复制到 electron 文件夹后，在进行应用打包？

我有点想不明白，还望指点迷津，谢谢！

我已通过上面提到的第三种方式成功打包，并正常显示，但是原点击功能失效在点击时候报错 vue3+electron 如何做到本地化？

回复
1个回答
avatar
test
2024-06-20

问题已解决，问题在于打包后的根目录和开发环境不一致我定义的

const currentDirPath = __dirname
parentDirPath = path.resolve(currentDirPath, '..') // 在打包无法获取到目录

修改为

let parentDirPath
if (app.isPackaged) {
  parentDirPath = './'
} else {
  parentDirPath = path.resolve(currentDirPath, '..')
}

即可解决

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容