前端UI参考

vue路由守卫

2019-08-26  本文已影响0人  张三爱的歌

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;

上一篇 下一篇

猜你喜欢

热点阅读