在 electron-vue 中的 Windows 下的路径问题,path.resolve 替换为 path.posix.join 。

Posted juwan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在 electron-vue 中的 Windows 下的路径问题,path.resolve 替换为 path.posix.join 。相关的知识,希望对你有一定的参考价值。

起因很简单,如下代码在 Windows 的 electron-vue 会发生如下问题,别问我为什么,我也很迷茫,有如下相关代码。

      return path.resolve(this.basePath, routePath)
      // return path.join(this.basePath, routePath)
      // return path.posix.join(this.basePath, routePath)

return path.resolve(this.basePath, routePath) 存在的情况:

技术图片

return path.join(this.basePath, routePath) 存在的情况:

技术图片

看起来好像没有问题?但实际上展开的路径是这样的。

技术图片

显然,斜杠被调整到 Windows 路径 path 了,也就是所谓的反斜杠了。

最后调整为 return path.posix.join(this.basePath, routePath)

也就是 posix 风格的 path ,如下图。

技术图片

此时就正常了,比比心。

跨平台还是得看 posix api 。

以上是关于在 electron-vue 中的 Windows 下的路径问题,path.resolve 替换为 path.posix.join 。的主要内容,如果未能解决你的问题,请参考以下文章

electron-vue 初体验

electron-vue 项目启动动态获取配置文件中的后端服务地址

electron-vue项目创建失败

electron-vue中点击按钮,实现打开程序目录里面的某个文件

Electron-vue:'计算:'不起作用[重复]

electron-vue项目