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

標籤：outer   TE   oca   efault   direct   log   component   route   redirect   

登入攔截一。路由攔截項目中某些頁面需要使用者登入後才可以訪問，在路由配置中添加一個欄位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實現登入攔截