첫 번째 호출 시 Axios 인터셉터 토큰

인터셉터 요청 내부의 구성에서 로컬 저장소의 토큰 캡처를 추가하기만 하면 됩니다.

제 경우에는 lib '@react-native-async-storage/async-storage'를 사용하는데 저장 방법에 따라 캡처를 구성해야 합니다.

import AsyncStorage from '@react-native-async-storage/async-storage';

apiApp.interceptors.request.use(
  async config => {
    const userData = await AsyncStorage.getItem(STORAGE_USER_AUTH_DATA).then(
      response => JSON.parse(response || '{}'),
    );

    config.headers = {
      Authorization: `Bearer ${userData?.accessData?.token}`,
      ...config.headers,
    };
    return config;
  },
  error => Promise.reject(error),
);

좋은 웹페이지 즐겨찾기