Различные baseURL для разработки и производства с Nuxt.js

Question

Как добавить другой baseURL для разработки и производства?

В настоящее время это мой nuxt.config.js

module.exports = {
  mode: 'universal',
...
  axios: {
    // See https://github.com/nuxt-community/axios-module#options
    baseURL: 'http://10.8.0.1:8000',
    credentials: false
  },
...
}

Для npm, выполнить dev и npm run generate Я хотел бы иметь разные baseURL.

Как я могу это сделать?

EDIT

// nuxt.config.js
export default {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  }
}

console.log(process.env.BASE_URL) // <-- The output is correct (I get the BASE_URL from my env variables

module.exports = {
   ...
  axios: {
    baseURL: process.env.baseUrl // <-- This is not working, why?
  },
   ...
}

Answer 1

Вы можете сделать это следующим образом

Внутри вашего файла nuxt.config.js добавить эту переменную среды

   build: { ....},
   env: {
    baseUrl: process.env.BASE_URL || 'localhost'
   }

Спасибо!