如果在Chrome浏览器中使用Angular 6的HttpClient时无法显示头部信息,可能是由于Angular默认情况下不允许跨域请求携带自定义头部信息。
解决方法之一是在服务器端设置允许请求携带自定义头部信息。具体步骤如下:
Access-Control-Allow-Headers: Content-Type, Authorization
这样就允许请求携带Content-Type和Authorization头部信息。
app.use(function (req, res, next) {
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
next();
});
这样就会将Access-Control-Allow-Headers设置为允许的头部信息。
另外,如果你使用的是代理服务器,可以尝试在代理服务器的配置中添加以下内容:
"headers": {
"Access-Control-Allow-Headers": "Content-Type, Authorization"
}
这样就会将Access-Control-Allow-Headers设置为允许的头部信息。
通过以上方法设置之后,尝试重新发送请求,应该就能够在Chrome浏览器中正确显示头部信息了。