Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Axios instance
import axios from "axios";
import {history} from "../helpers/history";
import {
makeAuthorizationHeader,
isTokenValid,
getToken,
setToken,
tokenIsExpired,
} from "../helpers/token";
export const apiUrl = process.env.REACT_APP_API_URL;
const instance = axios.create({
baseURL: apiUrl,
headers: {
Accept: "application/json",
},
});
instance.interceptors.request.use(
(config) => {
if (!config.baseURL) {
throw Error("Missing API base url");
}
const {origin} = new URL(config.baseURL as string);
const allowedOrigins = [apiUrl];
const token = getToken() as string;
if (
allowedOrigins.includes(origin) &&
isTokenValid(token) &&
!tokenIsExpired(token)
) {
config.headers.authorization = makeAuthorizationHeader(token);
}
return config;
},
(error) => {
return Promise.reject(error);
},
);
instance.interceptors.response.use(
(response) => {
//response interceptor to refresh token on receiving token expired error
const refreshedToken = response.headers["x-refreshed-jwt"];
if (refreshedToken) {
setToken({refreshedToken});
}
return response;
},
(error) => {
//response interceptor for status 409 - locked state require redirect to in-revision page
if (error.response.status === 409) {
history.push("/in-progress");
return;
}
return Promise.reject(error);
},
);
export default instance;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment