如何在nuxt中获取axios baseUrl？

Question

我的Nuxt.js项目中有axios模块。
我还在localhost:4040/api客户端在端口3000上运行时设置了baseUrl（用于API）。
当我在API中获取图片数据时，它会返回api服务器的相对路径，如“ /upload/1.png”
{ "src":"/upload/1.png" }

因此，我需要获取axios baseUrl并将其与它合并以创建图像的完整路径。
除了对其进行硬编码之外，还有其他方法吗？

Answer 1

如果有人想知道如何使 axios baseURL 独立于域：

这是实现的简单方法：

axios: {
  baseURL: '/'
}

它将工作localhost:3000/api以及any-domain.com/api

Answer 2

如果在nuxt.config.js中定义：

axios: {
  baseURL:"localhost:4040/api/"
}

对于图像，您需要做的就是指向它，如下所示：

:src="`${$axios.defaults.baseURL}upload/1.png`"

Answer 3

您可以像这样访问axios配置以获取您的api基本URL：

this.$axios.defaults.baseURL