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;
