Javascript Laravel Passport在PostMan上运行良好,但在react原生应用程序中返回401?
当我在react原生应用程序中调用Axios时,它返回401。但是,当我抓取Network选项卡内解析的标题时,它会显示:Javascript Laravel Passport在PostMan上运行良好,但在react原生应用程序中返回401?,javascript,reactjs,laravel,react-native,laravel-passport,Javascript,Reactjs,Laravel,React Native,Laravel Passport,当我在react原生应用程序中调用Axios时,它返回401。但是,当我抓取Network选项卡内解析的标题时,它会显示: const config = { method: "POST", baseURL: API_URL, data:request_data, headers: { 'Authorization' : 'Bearer '+ token }
const config = {
method: "POST",
baseURL: API_URL,
data:request_data,
headers: {
'Authorization' : 'Bearer '+ token
}
}
let data = await axios('user_update_profile',config)
console.log(data) //return 401 Unauthorized Error
你知道怎么解决这个问题吗?
我正在使用Laravel版本6,这是在Axios中设置标题的正确方法 错误的方式:
const config = {
method: "POST",
baseURL: API_URL,
data:request_data,
headers: {
'Authorization' : 'Bearer '+ token
}
}
let data = await axios('user_update_profile',config)
所以正确的方法是
let data = await axios.post(API_URL+'user_update_profile',request_data,{
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer '+token
}
})
// console.log('----cheers---------',data)
dispatch(userUpdateProfileSuccess(data))
谢谢您在何处设置令牌?我在令牌变量中设置令牌是的,您在应用程序中在何处设置令牌?您是否检查了浏览器中的“网络”选项卡以确保正确设置了承载令牌?再次,我建议您使用Laravel望远镜。安装后,运行Postman请求和axios请求并比较两者。您可以通过单击“请求”选项卡中的眼睛符号来查看请求。