美文网首页
vue router 路由导航守卫

vue router 路由导航守卫

作者: 这是这时 | 来源:发表于2020-02-07 13:43 被阅读0次

    auth.js

    let storage = window.localStorage;
    
    let token = 'token';
    
    export function setToken(tokens) {
        return storage.setItem(token, tokens)
    }
    
    export function getToken() {
        return storage.getItem(token)
    }
    
    

    router.js

    import { getToken } from "@/utils/auth";
    router.beforeEach((to, from, next) => {
      if (to.name === 'login') return next();
      let token = getToken();
      if (!token) {
        Message.warning("请先登录");
        router.push({ name: 'login' });
        return;
      }
      next()
    })
    
    

    相关文章

      网友评论

          本文标题:vue router 路由导航守卫

          本文链接:https://www.haomeiwen.com/subject/xtpmxhtx.html