我的Nuxt.js项目中有axios模块。
我还在localhost:4040/api
客户端在端口3000上运行时设置了baseUrl(用于API)。
当我在API中获取图片数据时,它会返回api服务器的相对路径,如“ /upload/1.png”
{ "src":"/upload/1.png" }
因此,我需要获取axios baseUrl并将其与它合并以生成图像的完整路径。
除了对其进行硬编码之外,还有其他方法吗?
如果在nuxt.config.js中定义:
axios: {
baseURL:"localhost:4040/api/"
}
对于图像,您需要做的只是指向它,如下所示:
:src="`${$axios.defaults.baseURL}upload/1.png`"
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句