每次致电一次未经授权-401错误，但是一旦我刷新页面

Question

每次我致电用户API时，我都会收到未经授权的错误，但是在我刷新页面

1之后，它起作用。这是我的获取用户方法

import { useContext, useEffect, useState, useCallback } from "react";
import jwtDecode from "jwt-decode";

import AuthContext from "../../store/auth-context";
import { getUserInfo } from "../../lib/api";



const Products = () => {
  const authCtx = useContext(AuthContext);
  const decodedToken = jwtDecode(authCtx.contextValue.token);
  const userData = decodedToken.data.userData;


  const fetchUserInfo = useCallback(async () => {
    setIsLoading(true);
    getUserInfo(userData.id).then((response) => {
      let groupId = response.data[0].work_group;
      setIsLoading(false);
    });
  }, []);

  useEffect(() => {
    fetchUserInfo();
  }, []);

2。这是我的用户API调用

export async function getUserInfo(userId) {
  let token = localStorage.getItem('token');
  const response = await fetch(`${CODE_CORP_API}/users/${userId}`, {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
      "Authorization" : `Bearer ${token}`
    },
  });
  const data = await response.json();
  if (!response.ok) {
    throw new Error(data.message || "Could not create account.");
  }
  return data;
}