在 Electron 模式构建中为 Quasar 设置 API URL

Posted

技术标签:

【中文标题】在 Electron 模式构建中为 Quasar 设置 API URL【英文标题】:Set API URL for Quasar in the Electron mode build 【发布时间】:2020-07-13 17:38:28 【问题描述】:

我想为 Electron 模式设置我的 API URL。 当我将代码构建为 Electron 生产模式时,我的所有 API URL 都会首先消失,例如:file:///core/v1/api/main/login

如何在生产环境中为 Electron 模式设置我的 API URL(外部 IP 地址)?

【问题讨论】:

【参考方案1】:

我找到了解决方案。对于这种情况,我们可以更改引导目录中的axios.js

例如,当我构建到 Electron 模式时,我需要将 baseURL 更改为另一个。

if (process.env.MODE === 'electron') 
  var axiosInstance = axios.create(
    baseURL: process.env.API_URL
  )
  Vue.prototype.$axios = axiosInstance
 else 
  Vue.prototype.$axios = axios

【讨论】:

对于任何发现此问题的人 - 它假定您已在 .env 中配置 API_URL 以通过以 MIX_ 开头的混合加载,如下所示:MIX_API_URL="$APP_URL" 或 MIX_API_URL=example.com/api

以上是关于在 Electron 模式构建中为 Quasar 设置 API URL的主要内容,如果未能解决你的问题,请参考以下文章

在 Docker 上构建 vue/quasar 应用程序时出错

Quasar 文件选择器不适用于 android 构建

如何确定 Electron 应用程序是 MAC 还是 MAS 版本?

尝试使用 docker 构建 vue/quasar/node 应用程序时出错:“命令 '/bin/sh -c quasar build' 返回非零代码:1”

Firebase onAuthStateChanged 和 Navigation Guards 的模式 - Quasar 应用

FS - 在 Webpack 5 上为 Electron 使用 FS