如何在浏览器中获取到接口的Response Headers的数据

最新推荐文章于 2024-09-18 06:12:02 发布

cautionHua

最新推荐文章于 2024-09-18 06:12:02 发布

阅读量2.2k

点赞数

分类专栏： react angular 文章标签： react.js angular

本文链接：https://blog.csdn.net/cautionHua/article/details/120437343

版权

react 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

angular

2 篇文章 0 订阅

订阅专栏

记录一下今天在不同的框架中怎么获取到浏览器接口中的Reasponse Headers中的数据。

一、React项目中

export() {
    return request(`/api/vitroFree/onePartNotRegist/${companyId}/export`, {
        method: 'GET',
        headers: { 'Content-Type': 'application/json' },
        responseType: 'blob' || 'arraybuffer',
        getResponse: true
    });
}

export().then(res=>{
  res.response.headers.get('content-disposition')  
})

二、Angular项目中

我这里用的Angular8.x的版本，是一个比较老的版本，要是差异比较大，可以通过源码的方式来看怎么配置。

download() {
    return this.httpClient.get(`@url/export`, {
        responseType: 'blob',
        observe: 'response'
    }).toPromise();
}

download().then(res=>{
  res.headers.get("content-disposition")  
})