axios响应拦截器无法显示响应头问题

Access-Control-Expose-Headers 响应报头、跨域 公开响应头

问题现象： 前端无法获取响应头 Response Header 原因

问题原因：跨域问题 启用跨域请求（CORS）

前后端分离的项目，前端地址与后端地址不同,出现了跨域问题，因此 前端人员拿取不到后端返回的Response.headers.自定义的响应头 “X-Check-Submit-Repeat”(只能拿到默认的标头)

在使用CORS方式跨域时，浏览器只会返回 默认的头部 Header，认情况下可用的响应头包括：

Cache-Control

Content-Language

Content-Type

Expires

Last-Modified

Pragma

CORS规范将这些头称为 简单响应头 。要使用其他头可用于应用，请调用 WithExposedHeaders(String[]) 方法，设置 公开 (后端代码可看下方链接)。

这样响应头就会显示 Access-Control-Expose-Headers ：…自定义头…

接着前端就能拿到里面的自定义响应头了。

Access-Control-Expose-Headers响应报头

简介

Access-Control-Expose-Headers 响应报头 指示哪些报头可以 公开 为通过列出他们的名字的响应的一部分

默认情况下，只显示6个简单的响应头，在上方也有介绍。

如果你想要客户端能够访问其他的请求头，则必须使用Access-Control-Expose-Headers 列出他们。

        res.header("Authorization", token)
        res.setHeader("Access-Control-Expose-Headers", "Authorization")

这里的setHeader和直接写header都是一样的，写setHeader和header都可以实现，还有就是这两行代码不需要管先后顺序