مشکل دریافت نشدن توکن در ریکت

سلام به همگی خسته نباشید
من تو پروژه react به مشکلی برخوردم وقتی کاربر به درستی لاگین میشه و پیام ورود موفقیت آمیز رو میگیره توکن دریافت نمیشه
قبلا که پروژه رو لوکال اجرا میکردم این مشکلو نداشتم ولی الان که api رو از سرور میگیرم این مشکل بوجود اومده

کد سیستم لاگین

  const handleSubmit = async (e) => {
    e.preventDefault();
    try {
      const res = await axios.post(`${API_URL}/user/login`, { username, password });
      setUser({ ...user, err: "", success: res.data.msg });

      localStorage.setItem("userLogin", true);
      history.push("/");
      dispatch(dispatchLogin());
    } catch (err) {
      err.response.data.msg &&
        setUser({ ...user, err: err.response.data.msg, success: "" });
    }
  };

وقتی به درستی لاگین بشه تو لوکال استورج مرورگر یه کلید ساخته میشه که اینکارو به درستی داره انجام میشه
الان که میخوام توکن رو از api بگیرم ارور 404 میگیرم که کاربر باید اول لاگین کنه در صورتی که لاگین انجام شده

صفحه اصلی react

  useEffect(() => {
    const userLogin = localStorage.getItem("userLogin");
    if (userLogin) {
      const getToken = async () => {
        const res = await axios.post(`${API_URL}/user/refresh_token`, null);
        dispatch({ type: "GET_TOKEN", payload: res.data.access_token });
      };
      getToken();
    }
  }, [auth.isLogged, dispatch]);

زمانی که userLogin تو استورج موجود باشه قبلا توکن رو قرار میداد

ممنون میشم اگه کمکم کنید این مشکلو برطرف کن❤️