我正在用React和Redux构建一个前端应用程序，我正在使用axios来执行我的请求。我想访问响应头中的所有字段。在我的浏览器中，我可以检查标题，我可以看到我需要的所有字段都是存在的(如令牌，uid等…)，但当我调用
const request = axios.post(`${ROOT_URL}/auth/sign_in`, props);
request.then((response)=>{
console.log(response.headers);
});
我只是
Object {content-type: "application/json; charset=utf-8", cache-control: "max-age=0, private, must-revalidate"}
这里我的浏览器网络选项卡，正如你可以看到的所有其他领域都存在。
最好成绩。
当前回答
我也面临着同样的问题。我在我的WebSecurity.java中做了这个，它是关于CORS配置中的setExposedHeaders方法。
@Bean
CorsConfigurationSource corsConfigurationSource() {
CorsConfiguration configuration = new CorsConfiguration();
configuration.setAllowCredentials(true);
configuration.setAllowedOrigins(Arrays.asList(FRONT_END_SERVER));
configuration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE"));
configuration.setAllowedHeaders(Arrays.asList("X-Requested-With","Origin","Content-Type","Accept","Authorization"));
// This allow us to expose the headers
configuration.setExposedHeaders(Arrays.asList("Access-Control-Allow-Headers", "Authorization, x-xsrf-token, Access-Control-Allow-Headers, Origin, Accept, X-Requested-With, " +
"Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers"));
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", configuration);
return source;
}
我希望它能奏效。
其他回答
我也面临着同样的问题。我在我的WebSecurity.java中做了这个，它是关于CORS配置中的setExposedHeaders方法。
@Bean
CorsConfigurationSource corsConfigurationSource() {
CorsConfiguration configuration = new CorsConfiguration();
configuration.setAllowCredentials(true);
configuration.setAllowedOrigins(Arrays.asList(FRONT_END_SERVER));
configuration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE"));
configuration.setAllowedHeaders(Arrays.asList("X-Requested-With","Origin","Content-Type","Accept","Authorization"));
// This allow us to expose the headers
configuration.setExposedHeaders(Arrays.asList("Access-Control-Allow-Headers", "Authorization, x-xsrf-token, Access-Control-Allow-Headers, Origin, Accept, X-Requested-With, " +
"Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers"));
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", configuration);
return source;
}
我希望它能奏效。
对于SpringBoot2，只需添加
httpResponse.setHeader("Access-Control-Expose-Headers", "custom-header1, custom-header2");
到你的CORS过滤器实现代码有白名单custom-header1和custom-header2等
[扩展@vladimir所说的话]
如果你使用的是Django 和django-cors-headers允许/控制CORS， 您应该在settings.py中设置以下内容
CORS_EXPOSE_HEADERS = ['yourCustomHeader']
在这次谈话中还有一个暗示。 asp.net core 3.1 首先添加一个键，你需要把它放在头部，就像这样:
Response.Headers.Add("your-key-to-use-it-axios", "your-value");
在你定义cors策略的地方(通常是在Startup.cs中)，你应该像这样将这个键添加到WithExposedHeaders中。
services.AddCors(options =>
{
options.AddPolicy("CorsPolicy",
builder => builder
.AllowAnyHeader()
.AllowAnyMethod()
.AllowAnyOrigin()
.WithExposedHeaders("your-key-to-use-it-axios"));
});
}
你可以在这里添加所有的键。 现在，在您的客户端，您可以通过使用响应结果轻松地访问“使用它的密钥”。
localStorage.setItem("your-key", response.headers["your-key-to-use-it-axios"]);
你可以在所有客户端使用它，像这样访问它:
const jwt = localStorage.getItem("your-key")
如果你在后端使用Laravel 8，正确配置CORS，添加这一行到config/ CORS .php:
'exposed_headers' =>['授权']，
