vue路由守卫

import Vue from 'vue'
import Router from 'vue-router'
import Index from './views/Index.vue'
import Register from './views/Register.vue'
import NotFound from './views/404.vue'
import Login from './views/Login.vue'
import Home from './views/Home.vue'
import FundList from './views/FundList.vue'
import Infoshow from './views/Infoshow.vue'
import Staff from './views/Staff.vue'
Vue.use(Router)

const router = new Router({ //实例化路由 为了路由守卫
mode: 'hash',
base: process.env.BASE_URL,
routes: [
{
path: '/',
redirect: '/Index'
},
{
path: '/Index',
name: 'Index',
component: Index,
children: [
{
path: '', component: Home
},
{
path: '/home', name: 'home', component: Home
},
{
path: '/infoshow', name: 'infoshow', component: Infoshow
},
{
path: '/fundlist', name: 'fundlist', component: FundList
},
{
path: '/staff', name: 'staff', component: Staff
},

  ]
},
{
  path: '/Register',
  name: 'Register',
  component: Register
},
{
  path: '/Login',
  name: 'Login',
  component: Login
},
{
  path: '/*',
  name: '404',
  component: NotFound
}

]
})

//路由守卫 如果跳转到index页面没有token就返回到login
// 添加路由守卫
router.beforeEach((to, from, next) => {
const isLogin = localStorage.eleToken ? true : false;
if (to.path == "/login" || to.path == "/register") {
next();
} else {
isLogin ? next() : next("/login");
}
})

export default router;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容