vue路由导航守卫和请求拦截以及基于node的token认证的方法-创新互联
什么时候需要登录验证与权限控制
1、业务系统通常需要登录才能访问受限资源,在用户未登录情况下访问受限资源需要重定向到登录页面;
2、多个业务系统之间要实现单点登录,即在一个系统或应用已登录的情况下,再访问另一个系统时不需要重复登录;在登录过期或失效时,需要重定向到登录页面
如何使用路由守卫
定义一个index.js页面用来定义页面的路由,代码如下:
import Vue from 'vue' import Router from 'vue-router' import blogIndex from '@/views/index' import loginComponent from '../components/common/login' Vue.use(Router) const routes = [ { path: '/blog', name: 'blogIndex', component: blogIndex }, { path: '/login', name: 'login', component: loginComponent } ]; const router = new Router({ mode: 'hash', // mode的值为history的时候不需要#,为hash的时候需要 routes }); export default router;
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章名称:vue路由导航守卫和请求拦截以及基于node的token认证的方法-创新互联
本文链接:http://hbruida.cn/article/cshjed.html