我无法使用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不需要这个。

我正在尝试为我的nuxt应用程序设置baseURL，以便它从swapi api发出请求，但它始终转到localhost：3000，尽管我正在遵循文档，似乎我无法...

Answer 1

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