VUE-CLI Project uses Axios to implement login interception

Log in to intercept one. Some pages in a routing interception project require a user to log in before they can be accessed, adding a field to the routing configuration Requireauth

• In the Router/index.js

  const router = new Router({  routes: [{  //登陆  path:‘/Login‘,  component:Login},{  //用户中心  path:‘/UserCenter‘,  component:UserCenter,  meta: {    requireAuth: true  },}  ]})router.beforeEach((to, from, next) => {  if (to.matched.some(res => res.meta.requireAuth)) {// 判断是否需要登录权限if (localStorage.getItem(‘token‘)) {// 判断是否登录  next()} else {// 没登录则跳转到登录界面  next({    path: ‘/Login‘,    query: {redirect: to.fullPath}  })}  } else {next()  }})export default router

Two, Axios request intercept,

VUE-CLI Project uses Axios to implement login interception