我的 Nuxt.js 项目中有 axios 模块。
当我的客户端在端口 3000 上运行时,我还在 localhost:4040/api
中设置了我的 baseUrl(用于 API)。
当我在 API 中获取图像数据时,它会返回一个到 api 服务器的相对路径,例如 '/upload/1.png'
{
“来源”:“/上传/1.png”
}
因此,我需要获取 axios baseUrl 并将其与它连接以创建图像的完整路径。
除了硬编码之外,还有其他方法吗?
最佳答案
如果在 nuxt.config.js 中定义:
axios: {
baseURL:"localhost:4040/api/"
}
您需要为图像做的就是按如下方式指向它:
:src="`${$axios.defaults.baseURL}upload/1.png`"
关于vue.js - 如何在nuxt中获取axios baseUrl?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51900326/