码迷,mamicode.com
首页 > Web开发 > 详细

前端防止url输入地址直接访问页面

时间:2019-07-18 18:03:59      阅读:419      评论:0      收藏:0      [点我收藏+]

标签:highlight   ===   rip   efi   login   程序   ref   url   requests   

首先,解决这个问题要搞明白此url是从程序内部跳转还是直接在地址栏输入的,如果是程序内部跳转,那就好办啦。方法如下:

  判断用户是否登录状态,是否携带token

  使用router.beforeEach注册一个全局前置守卫,判断用户是否登录。

  

router.beforeEach((to, from, next) => {
   if (to.path === ‘/login‘) {
      next();
      console.log(next)
   } else {// 每次页面跳转执行,token或openId錯誤,均提示跳转到首页
      let token = sessionStorage.getItem(‘token‘);
      console.log(token)
      if (token === null || token === ‘‘ || token === undefined) {
         Toast(‘token错误,请重新登录‘)
         setTimeout(function () {
            next(‘/login‘);
         },1000)
      }else{
         next();
      }
   }
});

 

 HttpRequestServlet.getHeader(‘Referer’)的值如果是空的,说明此url是地址栏直接访问的,像这种的需要拦截,然后时期返回登录页面!反之则是从程序内部跳转,可以放行!

 

前端防止url输入地址直接访问页面

标签:highlight   ===   rip   efi   login   程序   ref   url   requests   

原文地址:https://www.cnblogs.com/ruoyaozhan/p/11208958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!