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认证的方法-创新互联
链接URL：http://6mz.cn/article/cshjed.html