cannot use vue-router routes in axios file

Question

I need to redirect to login page if backend throws 401-Unauthorised error. But when I try to use router.push('/login) it throws router is not defined error in axios interceptor. Here is my axios.js file.

import Vue from 'vue'
import axios from "axios"
import router from '../router'

_axios.interceptors.response.use(
 function(response) {
  return response
 },
 function(error) {
  if(error.response.status == 401){
   router.push('/login')
  }
  return Promise.reject(error)
 }
)

This is router.js:

import Vue from 'vue'
import VueRouter from 'vue-router'
import store from '../store'

Vue.use(VueRouter)

const routes = [
{
 path: '/login',
 name: 'Login',
 meta: {
  layout: 'login',
  requireAuth: false,
  icon: null
 },
 component: () => import(/* webpackChunkName: "login" */ 
 '../components/common/auth/login-form'),
}]

const router = new VueRouter({
 mode: 'history',
 base: process.env.BASE_URL,
 routes
})
export default router

And defining {router} in axios gives this error in terminal npm run serve:

If I try with import router from '../router' in axios file I got this error:

Answer 1

use default export import router from '../router' instead of named import like you have in answer, `cause you have default export only in file where you define router