vue.js - 如何在nuxt中获取axios baseUrl？

Question

我的 Nuxt.js 项目中有 axios 模块。
当我的客户端在端口 3000 上运行时，我还在 localhost:4040/api 中设置了我的 baseUrl(用于 API)。
当我在 API 中获取图像数据时，它会返回一个到 api 服务器的相对路径，例如 '/upload/1.png'

{
“来源”:“/上传/1.png”
}


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

Answer 1

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

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

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

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