基础请求封装中用到vue-router提示循环依赖问题解决

我们做项目时，一般会用axios封装一个基础请求模块（如：request.js），在其中拦截请求，做一些请求前后的处理，方便附加请求公共参数和错误请求等。如果登陆过期，可能会引入vue-router, 然后用router.push跳转到登陆页。这时候，你在页面中，采用request调用接口，如果你的项目中引入了eslint，你就会发现报循环引入错误。排查许久，发现是路由加载页面，而页面引用了request，request中由引用了vue-router导致了循环依赖。但这个过程没法改变，request.js中只能通过import router from '../router/index'获取路由引用，权衡之下，采用location.href进行跳转，从而解决该问题。