46 lines
1016 B
TypeScript
46 lines
1016 B
TypeScript
// src/hooks/useAxios.ts
|
|
import { useNavigate } from "react-router-dom";
|
|
import axios from "axios";
|
|
import store from "../redux/store";
|
|
import { setToken } from "../redux/slices/token";
|
|
|
|
const useAxios = () => {
|
|
const navigate = useNavigate();
|
|
|
|
const instance = axios.create({
|
|
baseURL: "https://api.persain-game.com/api/v1",
|
|
maxBodyLength: Infinity,
|
|
});
|
|
|
|
instance.interceptors.request.use(
|
|
(config) => {
|
|
const state = store.getState();
|
|
const token = state.token.token;
|
|
if (token) {
|
|
config.headers.Authorization = `Bearer ${token}`;
|
|
}
|
|
return config;
|
|
},
|
|
(error) => {
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
instance.interceptors.response.use(
|
|
(response) => {
|
|
return response;
|
|
},
|
|
(error) => {
|
|
if (error.response && error.response.status === 401) {
|
|
store.dispatch(setToken(''));
|
|
navigate('/login');
|
|
}
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
return instance;
|
|
};
|
|
|
|
export default useAxios;
|