axios拦截无法使用vue-router

发布时间 2023-05-22 10:12:35作者: 小呀小恐龙

在axios的接口拦截配置中,无法直接使用导入vue-router路由实例的方式进行路由跳转

import { useRouter } from "vue-router";
const router = useRouter ();
router.push("/login");

会出现以下报错:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'push')

解决方案:

直接导入src/router/index中的路由实例进行使用,因为这个路由实例,是在main中传入到vue实例的路由。

import Router from "/@/router/index";
Router.push("/login");