Я не могу установить другой baseURL в своем приложении nuxt с помощью Axios

Question

Я пытаюсь установить baseURL для своего приложения nuxt, чтобы оно отправляло запросы из 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 / ax ios. js, куда я бы поместил:

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

Но я думаю, что не Это не нужно с Nuxt.

Answer 1

Если вы будете использовать базовый URL-адрес во всем своем приложении, вы должны установить базовый URL-адрес в конфигурации Nuxt или создать файл 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/";