مشكلة في توجيه المستخدم إلى صفحة تسجيل الدخول في React

محمود سعداوي2 · 27 أكتوبر 2023

السلام عليكم.

في الكود التالي لا يمكنني التوجه إلى صفحة تسجيل الدخول

const user = JSON.parse(localStorage.getItem('user')) || null

useEffect(() => {
    likeImage();
  }, [like]);
  const likeImage = async () => {
     user 
     ? 
     await axios
      .put(`/api/images/like/${imageId}`, {
        headers: {
          "Content-Type": "application/json",
          "x-auth-token": user?.data?.token,
        },
      })
      .then((res) => {
        setLike(res?.data);
      })
      .catch((err) => setError(err.response.data.msg))
      : navigate('/login')
  };
*************************
<div className="like" onClick={likeImage}>
  	<i className="fa-regular fa-thumbs-up"></i>
  	200
</div>

تظهر رسالة الخطأ التالية

PUT http://localhost:3000/api/images/like/65381befd6729f8158b384a9 401 (Unauthorized)

شكرا لكم على المساعدة

تم التعديل في 27 أكتوبر 2023 بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Mustafa Suleiman · 27 أكتوبر 2023

المشكلة هي أنك لا تتحقق مما إذا كان المستخدم مسجلاً الدخول أم لا قبل محاولة إرسال طلب PUT إلى /api/images/like، وفي حال كان المستخدم غير مسجل الدخول، فستتلقى خطأ 401 (غير مصرح به).

وعليك إضافة شرط إلى دالة likeImage للتحقق مما إذا كان المستخدم مسجلاً الدخول أم لا، وإن لم يكن المستخدم مسجلاً الدخول، فتستطيع توجيهه إلى صفحة تسجيل الدخول.

const user = JSON.parse(localStorage.getItem('user')) || null;

useEffect(() => {
  likeImage();
}, [like]);

const likeImage = async () => {
  if (!user) {
    navigate('/login');
    return;
  }

  await axios
    .put(`/api/images/like/${imageId}`, {
      headers: {
        "Content-Type": "application/json",
        "x-auth-token": user?.data?.token,
      },
    })
    .then((res) => {
      setLike(res?.data);
    })
    .catch((err) => setError(err.response.data.msg));
};

مشكلة في توجيه المستخدم إلى صفحة تسجيل الدخول في React

السؤال

محمود سعداوي2

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

Mustafa Suleiman

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية