Laravel Passport 在 PostMan 上工作正常，但在反应原生应用程序中返回 401？

Question

当我在 react native 应用程序内部进行 Axios 调用时，它返回 401。但是，当我在 Network 选项卡内获取已解析的 header 时，它显示：

     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

Answer 1

在 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))

谢谢