اذهب إلى المحتوى
  • 0

CSRF token mismatch عند استخدام sanctum

علي العبدالله

السؤال

احاول برمجة تسجيل دخول بالـAPI ولكن عند ارسال الريكويست 

يأتي هذا الخطأ

image.thumb.png.34e6a4159bc7b4537bcb4e99e81c2719.png

الكود :

  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");

  const login = async () => {
    try {
  const csrf = () => axios.get("sanctum/csrf-cookie");

      await csrf();
      const res = await axios.post("/login", { email, password });
      console.log(res);
      return res;
    } catch (error) {
      console.log(error);
    }
  };
تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0
بتاريخ 1 ساعة قال Mustafa Suleiman:

حاول إضافة التالي إلى ملف .env في المشروع لديك في حال أنك تقوم بتطوير المشروع بشكل محلي local:

SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=localhost

 

 

APP_URL=http://localhost:8000
FRONTEND_URL=http://localhost:3000
SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=localhost

 

لازالت المشكلة مع العلم بأن الtoken يتحدث عند ارسال الطلب

هذه المشكلة من الواجهة الخلفية وليس من الواجهة الامامية اليس كذلك ؟

تم التعديل في بواسطة علي العبدالله
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

هل قمت بإضافة الخواص التي أشرت إليها إلى ملف .env في الواجهة الخلفية؟

حاول إضافة القيم التي بالأعلى أولاً ثم تنفيذ الأمر التالي:

php artisan optimize:clear

في حال لم تعمل حاول إضافة التالي:

SANCTUM_STATEFUL_DOMAINS="localhost,127.0.0.1"
SESSION_DOMAIN=".sanctum.local"

ثم تنفيذ:

php artisan config:cache

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 6 دقائق مضت قال Mustafa Suleiman:

هل قمت بإضافة الخواص التي أشرت إليها إلى ملف .env في الواجهة الخلفية؟

حاول إضافة القيم التي بالأعلى أولاً ثم تنفيذ الأمر التالي:

php artisan optimize:clear

في حال لم تعمل حاول إضافة التالي:

SANCTUM_STATEFUL_DOMAINS="localhost,127.0.0.1"
SESSION_DOMAIN=".sanctum.local"

ثم تنفيذ:

php artisan config:cache

 

 

 

نفذت جميع ماقلته لي ولازال لايعمل

علماً بأني استعمل NEXT JS في الواجهة الامامية

و LARAVEL في الواجهة الخلفية

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...