baseURL останется локальным после развертывания приложения Nuxt?

Question

Я разработал приложение с использованием Nuxt (VueJS).Для API я создал маршрут / API.

app.use('/api', routes);

Для реализации API для fornt-end я использовал только /api/the route

  this.$axios.$get("/api/order/order-details/" + this.orderId).then(res => {
    console.log("res: ", res);
  });

Я никогда не использовал базовый URL-адрес .. он автоматически получал baseURL как localhost: иПорт

Но после развертывания он остается прежним baseURL .. Это должно быть мое доменное имя.

Как изменить базовый URL в NUXT ..

Answer 1

В вашем файле nuxt.config.js добавьте это ..

  modules: [
    ['@nuxtjs/axios', {
        baseURL: 'yourdomain.name'
      }],
    ],

Answer 2

Насколько я знаю, axios должен динамически получать базовый URL, но вы также можете предоставить ему baseUrl самостоятельно.
NuxtJS довольно хорошо объясняет это в своей документации.

Прочтите о переменных env в Документах NuxtJS env .
Прочтите о конфигурации в документации по NuxtJS .

---

Короче говоря:

В вашем nuxt.config.js вы добавляете опцию baseUrl, например, так:

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

Теперь вы можете использовать эту конфигурацию при создании вашего экземпляра axios:

// plugins/axios.js
import axios from 'axios'

export default axios.create({
  baseURL: process.env.baseUrl
})

Затем на своих страницах вы можете импортировать такие аксиозы, как это: import axios from '~/plugins/axios'.

---