我正在用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"}
这里我的浏览器网络选项卡，正如你可以看到的所有其他领域都存在。
最好成绩。
当前回答
这真的帮助了我，谢谢Nick Uraltsev的回答。
对于那些使用cors的nodejs的人:
...
const cors = require('cors');
const corsOptions = {
exposedHeaders: 'Authorization',
};
app.use(cors(corsOptions));
...
在这种情况下，您以res.header('Authorization'， ' Bearer ${token} ').send()的方式发送响应;
其他回答
在axios CORS请求中，默认情况下浏览器只能访问少数报头。
但是如果你需要从响应中访问一个自定义的头，你必须从你的后端服务器用access - control - expose - headers发送响应。
Hare是Nodejs后端和Reactjs前端的一个例子:
res.header('Access-Control-Expose-Headers', 'x-xsrf-token');
return res.header("x-xsrf-token", token).status(200)
.send({
id: user.id,
email: user.email,
});
res.header(“Access-Control-Expose-Headers”、“x-xsrf-token”);
对于这一行，我可以记录我的自定义标题
axios.post("/login", {
email: emailInput.current.value,
password: passwordInput.current.value,
})
.then(function (response) {
console.log(response.headers["x-xsrf-token"]);
});
在你的响应中没有Access-Control-Expose-Headers，你将在控制台日志中得到undefine。检查您的响应头在网络选项卡，它包含与您的自定义名称的头。
我也面临着同样的问题。我在我的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;
}
我希望它能奏效。
根据官方文件:
如果您需要服务器响应的HTTP报头，这可能会有所帮助。所有标头名称都是小写的，并且可以使用括号符号访问。例如:响应。Headers ['content-type']将给出如下内容:
[扩展@vladimir所说的话]
如果你使用的是Django 和django-cors-headers允许/控制CORS， 您应该在settings.py中设置以下内容
CORS_EXPOSE_HEADERS = ['yourCustomHeader']
如果你使用的是没有Django -cors-headers的Django，你可以编写自定义中间件。
class CustomCorsMiddleware:
def __init__(self, get_response):
self.get_response = get_response
def __call__(self, request):
response['Access-Control-Expose-Headers'] = 'MY-HEADER, ANOTHER-HEADER'
return response
您也可以在这里设置其他CORS头。
然后，您应该通过在项目的settings.py文件的中间件列表的开头插入它来注册您的中间件。
MIDDLEWARE = [
'myapp.middleware.CustomCorsMiddleware',
...
]
