我无法使用Axios在我的nuxt应用程序中设置其他baseURL

Question

我正在尝试为我的nuxt应用程序设置baseURL，以便它从swapi api发出请求，但它始终转到localhost：3000，尽管我正在关注文档，但似乎无法解决此问题。

我的nuxt.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不需要这个。

Answer 1

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

在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/";