Javascript 我能'；t使用Axios在我的nuxt应用程序中设置不同的baseURL

我正在尝试为我的nuxt应用程序设置baseURL，以便它从swapi发出请求，但它总是转到localhost:3000，尽管我遵循文档，但似乎无法解决此问题

我的numxt.config.js如下所示：

modules: [
'bootstrap-vue/nuxt',
'@nuxtjs/axios',
  ],

axios: {
    // proxyHeaders: false
    baseURL:"https://swapi.dev/api/"
},

在我的文件/.nuxt/axios.js中，baseURL的代码如下所示：

 const baseURL = process.browser
  ? 'https://swapi.dev/api/'
  : (process.env._AXIOS_BASE_URL_ || 'https://swapi.dev/api/')

对于vue应用程序，我通常有一个plugins/axios.js文件，我会在其中放置：

axios.defaults.baseURL =
process.env.baseURL || process.env.apiUrl || "https://swapi.dev/api/";

---

但是我想我不需要Nuxt使用这个。

如果你想在整个应用程序中使用基本URL，你必须在Nuxt配置中设置基本URL，或者创建const文件，然后将其导入任何地方

在常量文件中：

export const BASE_URL = process.env.NODE_ENV === "development" ? "https://localhost:3000" : "https://swapi.dev/api/";

或 在Nuxt配置中：

const BASE_URL = process.env.NODE_ENV === "development" ? "https://localhost:3000" : "https://swapi.dev/api/";