如何在浏览器中获取到接口的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: 'arraybuffer',
        observe: 'response'
    }).toPromise();
}

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