如何在nuxt中获取axios baseUrl？

Question

我的 Nuxt.js 项目中有 axios 模块。

当我的客户端在端口 3000 上运行时，我还在 localhost:4040/api 中设置了我的 baseUrl（用于 API）。

当我在 API 中获取图像数据时，它会返回到 api 服务器的相对路径，例如“/upload/1.png”

{ "src":"/upload/1.png" }

因此，我需要获取 axios baseUrl 并将其与它连接以创建图像的完整路径。

除了硬编码还有什么办法吗？

原文由 Terry Djony 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

您需要为图像做的就是按如下方式指向它：

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

原文由 Billal Begueradj 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

 this.$axios.defaults.baseURL

原文由 jibe 发布，翻译遵循 CC BY-SA 4.0 许可协议