Axios Inteceptors

axios.js

import getConfig from 'next/config'
import axios from 'axios';
import { isLoggedIn, logout } from './auth'

const {
  publicRuntimeConfig: {API_URL},  // Available both client and server side
} = getConfig()
let axiosIntance = { ...axios}
axiosIntance.defaults.baseURL = API_URL

let token = isLoggedIn()

if (token) {
  axiosIntance.interceptors.request.use((config) => {
    config.headers.common['Authorization']  = `Bearer ${token}`
    return config;
  }, (error) => {
    return Promise.reject(error);
  });

  axiosIntance.interceptors.response.use(function (response) {
    return response;
  }, function (error) {
    if (401 === error.response.status) {
      logout()
    } else {
      return Promise.reject(error);
    }
  });
}


export default axiosIntance

auth.js

import Cookie from 'js-cookie'
import axios from 'axios'

export const setToken = (token) => Cookie.set('token', token)
export const isLoggedIn = () => Cookie.get('token')
export const logout = async (callback) => {
  setToken('')
  await axios.post('/logout')
  window.location = '/login'
  callback()
}