如何解决React Native Web中的401错误?

问题描述

我试图发出axios获取请求,但每次尝试获取时都收到401。但是已经登录,因为我之前已经收到了用户登录响应 我的项目是使用react native init构建的,并且正在使用react-native-web在浏览器上运行。 当我在手机和邮递员上检查响应时,使用相同的api给出正确的响应,但是在浏览器上却抛出401 下面是我的axios代码

useEffect(() => {
    let url = `${ROOT}/children/${id}/vaccinations`;
    axios
      .get(url)
      .then(function (res) {
        console.log("Hello",res);
        setData(res.data.content);
      })
      .catch(function (err) {
        console.log(err);
      });
  },[]);

正在调用的3个api的响应

enter image description here

正在接收的错误 [![在此处输入图片描述] [2]] [2]

有人可以告诉我哪里出了问题吗? 任何帮助,将不胜感激。 [2]:https://i.stack.imgur.com/17Qyf.png

解决方法

401代码错误表示您无权,在发送指定的请求时,需要将您从后端收到的用户令牌作为标头发送,诸如此类:

axios.get('https://api.github.com/user',{
  headers: {
    'Authorization': ${access_token}
  }
})

您可以通过以下链接了解有关在标头中发送令牌的更多信息: https://flaviocopes.com/axios-send-authorization-header/

我希望这有助于解决您的问题。