我的Nuxt.js项目中有axios模块。
当我的客户端在端口3000上运行时,我还在localhost:4040/api
中设置了localhost:4040/api
(for )。
当我在API中获取图像数据时,它会返回到api服务器的一个相对路径,类似于'/upload/1.png‘
{ "src":"/upload/1.png" }
因此,我需要获得axios baseUrl并将其与之连接,以生成图像的完整路径。
除了硬编码之外,还有别的办法吗?
发布于 2019-04-03 04:11:15
如果在nuxt.config.js中定义:
axios: {
baseURL:"localhost:4040/api/"
}
对图像所需做的就是将其指向如下:
:src="`${$axios.defaults.baseURL}upload/1.png`"
发布于 2018-09-19 06:25:29
您可以像这样访问axios配置以获得api基URL:
this.$axios.defaults.baseURL
发布于 2019-11-08 10:30:09
如果有人想知道如何使axios与baseURL域无关:
以下是如何简单地实现这一目标:
axios: {
baseURL: '/'
}
它将在localhost:3000/api
和any-domain.com/api
上工作。
https://stackoverflow.com/questions/51900326
复制相似问题