import axios from "axios";
import { BASE_URL_API } from "./config";

export const API = axios.create({
     baseURL: BASE_URL_API,
     headers: {
          Accept: 'application/json',
     }
})
API.interceptors.request.use((config) => {
     const token = localStorage.getItem('token');
     config.headers.Authorization = `Bearer ${token}`;
     return config;
}, (error) => {
     return Promise.reject(error);
})
API.interceptors.response.use((response) => response, async (error) => {
     const originRequest = error.config;
     if (!originRequest._retry && error.response.status == 401) {
          originRequest._retry = true;
          try {
               const refreshToken = localStorage.getItem('refreshToken');
               if (!refreshToken) {
                    throw new Error("Missing refresh token");
               }
               const response = await axios.post(BASE_URL_API + 'refresh', {
                    'refreshToken': refreshToken,
               });
               if (response.status === 200 && response.data?.token) {
                    const data = await response.data;
                    localStorage.setItem('token', data.token);
                    originRequest.headers['Authorization'] = `Bearer ${data.token}`;
                    return API(originRequest);
               }
               else {
                    window.location.href = '/login';
                    return Promise.reject(new Error('Lỗi '))
               }
          } catch (error) {
               window.location.href = '/login';
               return Promise.reject(error);
          }
     }
     return Promise.reject(error);
})

Ở đây mình dùng throw new Error và Promise.reject ở 2 nơi vì lý do sau