获取自定义的响应头response

使用场景
前端Vue，后端SpringBoot，个人需求
在后端设置了响应头

response.setHeader("token","XXX");

在控制台可以看到

但是在vue 前端打印却为 undefined 。

service.interceptors.response.use(
    response => {
        //暂停加载动画
        tryHideFullScreenLoading();
        ......
        ......
            //将响应头内token 放入cookie
            console.log(response.headers.token);//打印为undefined
            setToken(response.headers.token);
            return response.data;
        } else {
            Promise.reject();
        }
    },
    error => {
        console.log(error);
        //错误之后关闭动画
        tryHideFullScreenLoading();
        return Promise.reject(error);
    }
);

解决办法
在后端设置响应头时，要设置response.setHeader(“Access-Control-Expose-Headers”,“token”);

**response.setHeader("Access-Control-Expose-Headers","token");**//这个“token”是你需要自定义的需要往前端返回数据的名称
response.setHeader("token",s);