路由router.js

最新推荐文章于 2024-09-05 08:56:43 发布

原创最新推荐文章于 2024-09-05 08:56:43 发布 · 536 阅读

2 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

69 篇文章

订阅专栏

import Vue from 'vue'
import Router from 'vue-router'
import Home from './components/Home.vue'
import Dashboard from './components/Dashboard/index.vue'
import Articles from './components/Articles/index.vue'
import Companys from './components/Companys/Companys.vue'
import Subjects from './components/Subjects/Subject.vue'
import directorys from './components/Subjects/directorys.vue'
import tags from './components/Subjects/tags.vue'
import Login from './components/Login.vue'
import Item from './components/Questions/Item.vue'
import quality from './components/Questions/quality.vue'
import check from './components/Questions/check.vue'
import Group from './components/Questions/group.vue'

Vue.use(Router)

const router= new Router({
  routes: [
    {
      path: '/',
      redirect: '/home'
    },
    { path: '/login', component: Login },
    {
      path: '/home', component: Home, children: [
        {path:'/users',component:Dashboard},
        { path: '/articles', component: Articles },
        { path: '/companys', component: Companys },
        { path: '/subjects', component: Subjects },
        { path: '/directorys', component: directorys },
        { path: '/tags', component: tags },
        { path: '/item', component:Item},
        { path: '/quality', component:quality},
        { path: '/check', component:check},
        { path: '/item', component:Item},
        { path: '/group', component:Group}
      ]
    }
  ]
})
router.beforeEach((to, form, next) => {
  // to 跳转对象 to.path 就是地址 打印 有结果
  // from
  // next 放行
  if (to.path === '/login') return next();
  // 获取token
  const tokenSkr = window.sessionStorage.getItem('token');
  if (!tokenSkr) return next('/login')
  return next()
})
export default router