react native web出现401错误如何解决？

Question

我正在尝试发出 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 的响应

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

谁能告诉我哪里出错了？ 任何帮助，将不胜感激。 [2]：https://i.stack.imgur.com/17Qyf.png

Answer 1

401 代码错误表示您未获得授权，您需要在发送指定请求时将从后端收到的用户令牌作为标头发送，如下所示：

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

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

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