• 0

إعداد axios instance في next.js

مرحبا أحاول اعداد  axios واستدعاءه لاستخدامه في كل طلباتي لكن الجزء الخاص بوضع ال token authorization لا يعمل 

import axios from 'axios';

const Axios = axios.create({
  baseURL: process.env.NEXT_PUBLIC_API,
});

let token;
if (window) {
  token = JSON.parse(localStorage.getItem('zu')).state?.auth?.token;
}

Axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;

export default Axios;

هل من اقتراح

3 اشخاص أعجبوا بهذا

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


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

جرب استخدام process.browser محل window

import axios from 'axios';

const Axios = axios.create({
  baseURL: process.env.NEXT_PUBLIC_API,
});

let token;
if (process.browser) {
  token = JSON.parse(localStorage.getItem('zu')).state?.auth?.token;
}

Axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;

export default Axios;

 

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


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

كيف علمت أنها ﻻ تعمل؟ قم بفتح نافذة الinspect وتصوير الheaders 

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


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

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن