vue axios封装只返回了res.data 如何获取res.header
时间: 2023-05-10 13:03:16 浏览: 226
Vue.js使用axios动态获取response里的data数据操作
如果vue axios封装只返回了res.data,而想要获取res.header,我们需要对封装的axios进行改进。
首先,在axios封装中,需要用到axios实例。在创建axios实例时,会有一些配置,其中,我们需要加入response拦截器。response拦截器会在后端响应之后,前端处理之前执行,这样我们就可以对返回的数据进行处理。在response拦截器中,我们需要对返回的res对象进行处理,提取出我们需要的header信息。
其次,在处理res对象时,我们需要分别提取出header和data信息,并将其返回。为了方便处理,我们可以创建一个新的对象,将header和data存入新对象中,然后返回这个新对象即可。
最后,在使用axios请求时,需要对axios实例添加请求头信息。请求头信息可以通过axios实例的config属性进行设置。因此,在创建axios实例时,我们需要在config中添加headers属性,在headers属性中添加我们想要的请求头信息。
综上所述,要获取res.header,我们需要改进axios封装,添加response拦截器,并将header信息提取出来。在axios请求中,需要添加请求头信息。这样我们就可以获取到想要的header信息了。
阅读全文