部署Nuxt App后，baseURL是否仍为localhost？

Question

我已经使用Nuxt（VueJS）开发了一个应用程序。对于api，我创建了一个路由/ api。

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

我只使用了/api/the route

来实现api的最终目的。

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

我从没使用过任何基本URL。它自动将baseURL设为localhost：而他端口

但是在部署之后，它保持不变的baseURL ..应该是我的域名。

如何在NUXT中更改基本URL。

Answer 1

据我所知axios应该动态获取基本URL，但您也可以自己提供baseUrl。
NuxtJS在其文档中对此进行了很好的解释。

在NuxtJS env docs上了解env变量。
了解NuxtJS configuration docs上的配置。

---

简而言之：

在您的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
})

然后，您可以在页面中导入{@ {1}}这样的axios。

---

Answer 2

在您的nuxt.config.js文件中添加它。.

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