Axios Vue2 Interceptor Setup for Authorization Header and Redirect

interceptors.js

Axios.interceptors.request.use(function (config) {
    const session = JSON.parse(localStorage.getItem('session'));
    config.headers['X-Token'] = session ? `${session.token}` : '';
    return config;
});
Axios.interceptors.response.use((response) => { // intercept the global error
    return response
}, function (error) {
    if (error.response.status === 401) { // if the error is 401 and hasent already been retried
        location.href = "/login";
        return
    }
    if (error.response.status === 404) {
        location.href = "/";
        return
    }
    // Do something with response error
    return Promise.reject(error)
});