登錄攔截

一。路由攔截

項目中某些頁面需要用戶登錄後才可以訪問，在路由配置中添加一個字段requireAuth

• 在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
   
  

二，axios請求攔截，

vue-cli項目使用axios實現登錄攔截