我可以在Chrome DevTools中看到标头“ x-auth-token”。
但是,标头未显示在我的提取响应中。请协助,以便我可以使用标头数据。
我将NodeJS用作后端API,将ReactJS用作前端。这些是我的文件。
NodeJS中间件-cors.js
module.exports = function enableCorsSupport(app) {
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE");
res.header("Access-Control-Allow-Headers", "Content-Type, x-auth-token");
res.header("Access-Control-Expose-Headers", "x-auth-token");
next();
})
}
NodeJS路由-users.js
router.post('/login', async (req, res) => {
// NOTE: code left out so post would be smaller
const token = user.generateAuthToken();
res.header('x-auth-token', token).send(_.pick(user, ['_id', 'firstName', 'email', 'isAdmin']));
})
ReactJS-我的获取请求
fetch('http://localhost:4000/api/users/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
email: this.props.email,
password: this.props.password
})
})
.then(res => {
console.log('res.headers', res.headers)
return res.json()
})
.then(data => {
console.log(data);
})
.catch((err) => {
console.log(err)
})
}
这是我成功获取请求中console.log中的Chrome控制台。标头响应中的标头为空。请指教。仅供参考,这是用户测试数据。
该标头的对象不为空。它只是一个非常规对象,因此它的内容没有作为属性的实例。这样,您将不会在console.log视图中看到标题/值。
要获取特定标头的值,您需要使用get()
方法
var token = response.headers.get('x-auth-token');
console.log(token);
您也可以使用...来遍历它
for(const header of response.headers){
console.log(header);
}
演示版
fetch('https://cors-anywhere.herokuapp.com')
.then(res=>{
for(const header of res.headers){
console.log(`Name: ${header[0]}, Value:${header[1]}`);
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句