vue实现未登录跳转到登录页面的方法

大佬教程收集整理的这篇文章主要介绍了vue实现未登录跳转到登录页面的方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

环境：vue 2.9.3; webpack;vue-router

目的：实现未@L_607_0@跳转

例子：直接在URL地址栏输入...../home,但是这个页面要求需要登陆之后才能进入,判断的值就通过登陆之后给本地缓存存入的token判断，如果没有就跳转到@L_607_0@页面，有的话就打开。

图示：

1、直接在URL地址栏输入http://127.0.0.1:9000/#/home,但是页面会直接跳转到@L_607_0@页，而且会带上参数。

--------------------------------------------分割线----------------------------------------------

vue-router需要安装

首先配置路由

/src/router/index.js

 require(['@/PACS/pages/Login'],resolvE)
  },{
   path: '/home',name: 'Home',Meta: {
    requireAuth: true,// 判断是否需要@L_607_0@
   },component: resolve => require(['@/PACS/pages/Home'],resolvE)
  } 
  ]
})
 ## 增加了字段 requireAuth 用来判断该路由是否需要@L_607_0@。

大佬总结

以上是大佬教程为你收集整理的vue实现未登录跳转到登录页面的方法全部内容，希望文章能够帮你解决vue实现未登录跳转到登录页面的方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。