Django后端设置前端vue无法显示的响应头

问题方式1：响应头在浏览器中能看到但在axios的返回值response中没有显示且只有一个content-type: “application/octet-stream”
问题方式2：Django后端添加了响应头但前端收不到。
问题方式3：后端自定义的响应头在前端vue中获取不到。
AJAX/REACT/VUE等前台response获取不到自定义中的header为空

主要问题过程

• 在后台添加response响应头
  
• 然后在浏览器中可以看到这个header
  
• 但是axios收到的response响应中却没有
  
  只有content-type和content-length
  在后端不设置的前提下，前端能获取到的响应头是已经默认在响应首部【Access-Control-Expose-Headers】中的，而我们后端自己添加的如果前端获取不到说明前端没有权限。这样我们在后端开放对应响应头的权限即可。

只需要将自定义的响应头添加到默认的响应头对象中即可

通过

response['Content-Disposition'] = 'attachment; filename="{0}{1}.xls"'.format(
response['Access-Control-Expose-Headers'] = "Content-Disposition"

来开放【Content-Disposition】这个响应头的前端获取权限。

前端：

    // 下载文件
    downloadReport(e) {
      this.$axios({
        method: "post",
        url: this.$path + "tests/batteryReportDownload/",
        data: {
        }
      }).then(res => {
          let headers = res.headers;
          let fileName = headers["content-disposition"];  #获取自定义头
      });
    },

主要参考：java请求头添加