44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { useNavigate } from "@remix-run/react";
|
|
import axios from "axios";
|
|
|
|
export const client = axios.create({
|
|
baseURL: "http://localhost:8081",
|
|
headers: { "Access-Control-Allow-Origin": "*" },
|
|
});
|
|
|
|
client.interceptors.request.use(
|
|
(config) => {
|
|
const token = localStorage.getItem("token");
|
|
if (token) {
|
|
config.headers.Authorization = `Bearer ${token}`;
|
|
}
|
|
return config;
|
|
},
|
|
async (error) => {
|
|
const originalRequest = error.config;
|
|
const navigate = useNavigate();
|
|
if (error.response.status == 401 && !originalRequest._retry) {
|
|
originalRequest._retry = true;
|
|
const refreshToken = localStorage.getItem("refresh-token");
|
|
if (refreshToken) {
|
|
try {
|
|
const { data } = await client.post("/auth/refresh", {
|
|
refresh: refreshToken,
|
|
});
|
|
localStorage.setItem("token", data.refreshToken);
|
|
client.defaults.headers.common[
|
|
"Authorization"
|
|
] = `Bearer ${data.refreshToken}`;
|
|
return client(originalRequest);
|
|
} catch (_error) {
|
|
localStorage.removeItem("token");
|
|
localStorage.removeItem("refresh-token");
|
|
console.log("Oh no!!!");
|
|
navigate("/login");
|
|
}
|
|
}
|
|
}
|
|
return Promise.reject(error);
|
|
}
|
|
);
|