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

记录一下今天在不同的框架中怎么获取到浏览器接口中的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")  
})