token应用 (三) 05-拦截登录-导航守卫-地址 user 开头和本地没有token信息-重定向redirect到 登录页面

拦截登录-导航守卫-地址 /user 开头和本地没有token信息-重定向到 登录页面

src/router.js

import store from '@/store'

// 登录拦截  导航守卫——/user /user/profile  /user/chat  需要登录
router.beforeEach((to, from, next) => {
        //当前路由地址  固定格式
    const login = { path: '/login', query: { redirect: to.path } }
    //条件判断  存在/user 和 本地没有token信息
  if (to.path.startsWith('/user') && !store.state.auth.token) {
   //跳转的时候需要 带上当前的路由地址
    return next(login)
  }
  next()
})

• 地址 /user 开头的路径，检查是否登录。
• 如果没有 重定向到 登录页面。