嗨,我有这个问题:我做了一个API与Auth JWT运行完美和我的前面是在反应,所以我只需要一个组件,它的一个简单的应用程序,所以在我的App.jsx我有我的axios职位,以获得令牌,然后我通过组件传递我的令牌,然后我收到该组件的道具,我看到了令牌,但当我传递到头像我在postman测试,所以什么都没有发生,如果我尝试前面和API我禁用JWT在我的路线完美的工作,所以我让我的代码下一个。
const Cards = (props) => {
//console.log(props.auth.token);
//axios connection
const apiCall = async () =>{
let config = {
headers: {
'Authorization': `Bearer ${props.auth.token}`
}
}
console.log(config);
try {
const res = await clientAxios.post('/api/games', config,
{
console: 'nintendo',
game: 'super mario',
duration: '60hs'
},)
console.log(props.auth.token);
} catch (error) {
console.log(error.status);
}
}
apiCall();
不要在每个请求中发送令牌,而是在axios的默认头文件中设置令牌,就像这样。
window.axios.defaults.headers.common['Authorization'] = `Bearer ${jwtToken}`;