拦截器响应头中配置“Access-Control-Expose-Headers”实现跨域请求暴露token

问题场景:
和前端同事联调接口中,前端同事反映说在跨域请求的情况下无法获取token的值,后来找到解决办法

解决:
1】在登录拦截器处理类中的响应对象,把token对象暴露出来即可
2】关键代码 response.setHeader("Access-Control-Expose-Headers", "token"); 示例如下:

String newToken = JwtUtil.getToken(date, params);
if (StrUtil.isNotBlank(newToken)) {
    assert newToken != null;
    redisTemplate.opsForValue().set("user:" + map.get("userAccount"), newToken, millis, TimeUnit.MILLISECONDS);
    response.addHeader("token", newToken);
    response.setHeader("Access-Control-Expose-Headers", "token");
}

`Access-Control-Expose-Headers` 是CORS(资源共享)中的一个响应头,用于指定哪些响应头可以被客户端JavaScript代码访问。默认情况下,客户端只能访问一些基本的响应头,如 `Cache-Control`, `Content-Language`, `Content-Type`, `Expires`, `Last-Modified`, 和 `Pragma`。如果你需要让客户端能够访问其他响应头,就必须使用 `Access-Control-Expose-Headers` 来显式地指定。 `Content-Disposition` 是一个常用的响应头,用于指示内容的展示方式(如内联显示或作为附件下载)。默认情况下,`Content-Disposition` 并不在CORS的默认暴露头列表中,因此如果你需要让客户端能够访问 `Content-Disposition` 头,就必须将其添加到 `Access-Control-Expose-Headers` 中。 以下是一个示例代码,展示了如何在服务器端设置 `Access-Control-Expose-Headers` 以支持 `Content-Disposition` 字段: ```python from flask import Flask, make_response app = Flask(__name__) @app.route('/download') def download_file(): headers = { 'Content-Disposition': 'attachment; filename="example.txt"' } response = make_response("File content", 200) response.headers['Access-Control-Expose-Headers'] = 'Content-Disposition' response.headers['Content-Disposition'] = 'attachment; filename="example.txt"' return response if __name__ == '__main__': app.run(debug=True) ``` 在这个示例中,我们使用 Flask 框架创建了一个简单的服务器端应用。当客户端请求 `/download` 路由时,服务器会返回一个带有 `Content-Disposition` 头的响应,并将其添加到 `Access-Control-Expose-Headers` 中,以便客户端可以访问该头。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值