Javascript axios&；用于服务器和客户端API调用的不同baseURL；努克斯

假设我正在开发一个包含多微服务的平台，Nuxt前端服务就是其中之一。 我在nuxt中间件（同时在服务器和客户机上运行）中使用Axios。 在nuxt服务内部，API baseURL是本地计算机中的内部调用，但从客户端看，baseURL是公共应用程序域

我可以使用服务器的请求对象或配置文件来解决这个问题，或者区分运行环境。 我提到的每个选项都可以工作，但现在我正在寻找不同客户机与服务器环境变量的最佳实践

中间件文件：

import axios from 'axios'

export default function ({ route }) {
  return axios.get('api/some-data');
}

来自服务器的请求应调用“”

---

客户的请求应该打电话到“

我在写问题时找到了答案

在numxt.config.js文件中：

  axios: {
    baseURL: 'http://internal-service:5000',
    browserBaseURL: 'http://my-domain.com' //can use environment variables to fill both..
  },

---

我在写问题的过程中找到了答案

在numxt.config.js文件中：

  axios: {
    baseURL: 'http://internal-service:5000',
    browserBaseURL: 'http://my-domain.com' //can use environment variables to fill both..
  },

“诀窍”是“baseURL”是默认值，这对我来说有点奇怪，因为我认为客户端URL应该是实际默认值。“诀窍”是“baseURL”是默认值，这对我来说有点奇怪，因为我认为客户端URL应该是实际默认值。