前端获取不了rest请求自定义headers的问题

最新推荐文章于 2025-11-10 14:53:36 发布

原创最新推荐文章于 2025-11-10 14:53:36 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#跨域 #请求头

前端技术专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在SpringBoot中配置CORS，实现跨域资源共享，重点讲解如何通过addExposedHeader暴露特定的自定义响应头，如token和Authorization，确保前后端分离项目中的跨域请求能够正常进行。

前端response中的自定义header信息默认同一域中可见
在crossdomain跨域情况下需要在服务器端增加Access-Control-Expose-Headers的支持
例如在springboot中需要使用addExposedHeader添加指定返回头：

@Configuration
public class CORSConfiguration implements WebMvcConfigurer {
    @Bean
    public CorsFilter corsFilter() {
        final UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
        final CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.setAllowCredentials(true); /*是否允许请求带有验证信息*/
        corsConfiguration.addAllowedOrigin("*");/*允许访问的客户端域名*/
        corsConfiguration.addAllowedHeader("*");/*允许服务端访问的客户端请求头*/
        corsConfiguration.addAllowedMethod("*"); /*允许访问的方法名,GET POST等*/
        corsConfiguration.addExposedHeader("token");/*暴露哪些头部信息 不能用*因为跨域访问默认不能获取全部头部信息*/
        corsConfiguration.addExposedHeader("Authorization");
        urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
        return new CorsFilter(urlBasedCorsConfigurationSource);
    }
}

成功后效果如下所示：

效果图