Laravel Passport 在 PostMan 上运行良好，但 returns 在 React Native 应用程序中出现 401？

Question

当我在 React Native 应用程序内部调用 Axios 时，它 returns 401。但是，当我在“网络”选项卡中抓取已解析的 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中设置header的正确方法错误的方式：

     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 Passport 在 PostMan 上运行良好，但 returns 在 React Native 应用程序中出现 401？

Laravel Passport works fine on PostMan, but returns 401 inside the react native app?

javascript

reactjs

laravel

react-native

laravel-passport