字节码学院|导航守卫的简单配置(vue)

发布时间:2020-06-10 20:04:06 作者:2680775774
来源:网络 阅读:226
router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) {
    let user = Storage.get('user');
    // Storage.get('JSESSIONID');

    // 测试人员录入基本资料后,需要服务端向前端返回一个标记,用来判断是否可以进入题库
    let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
    let submited = Storage.get("submit")
    if (flag && to.path == "/paper" && from.path == "/") {
      if (submited) {
        next()
      } else {
        next({path: '/nopower'});
      }
      return;
    }

    if (!user) {
      next({path: '/login'});
    } else {
      next();
    }

    // if (storage.get('platformUser')) {
    //   store.dispatch('loginUser', JSON.parse(storage.get('platformUser')));    //将用户信息存储到vuex中,供全局使用
    //   next();
    // } else {
    //   store.dispatch('initLoginModal', {state: true});     //显示登录弹窗
    //   next();
    // }
  } else {
    next();
  }
});
推荐阅读:
  1. vue 路由守卫(导航守卫)及其具体使用
  2. vue router导航守卫(router.beforeEach())的使用详解

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue.js ue

上一篇:运用php上传大文件配置方法

下一篇:Android开发实践:多线程编程小结

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》