import Vue from 'vue'
|
import Router from 'vue-router'
|
import Meta from 'vue-meta'
|
|
import globals from '@/globals'
|
|
// Layouts
|
import Layout from '@/layout/LayoutHorizontalUNSidenav'
|
// import Layout from '@/layout/Layout3'
|
|
Vue.use(Router)
|
Vue.use(Meta)
|
|
const router = new Router({
|
base: '/',
|
routes: [
|
{
|
path: '/login',
|
name: 'login',
|
component: () => import('@/pages/Login/Login')
|
},
|
{
|
path: '/',
|
component: Layout,
|
meta: {
|
// 添加该字段，表示进入这个路由是需要登录的
|
requireAuth: true
|
},
|
children: [
|
{
|
path: '',
|
name: 'home',
|
component: () =>
|
import('@/pages/Analysis'),
|
meta: {
|
requireAuth: true
|
}
|
}
|
]
|
},
|
{
|
path: '/401',
|
component: () => import('@/pages/Error/401.vue')
|
},
|
{
|
path: '*',
|
component: () => import('@/pages/Error/404.vue')
|
}
|
]
|
})
|
|
router.afterEach(() => {
|
// 主页动画
|
const splashScreen = document.querySelector('.app-splash-screen')
|
if (splashScreen) {
|
splashScreen.style.opacity = 0
|
setTimeout(
|
() =>
|
splashScreen &&
|
splashScreen.parentNode &&
|
splashScreen.parentNode.removeChild(splashScreen),
|
300
|
)
|
}
|
// On small screens collapse sidenav
|
if (
|
window.layoutHelpers &&
|
window.layoutHelpers.isSmallScreen() &&
|
!window.layoutHelpers.isCollapsed()
|
) {
|
setTimeout(() => window.layoutHelpers.setCollapsed(true, true), 10)
|
}
|
|
// Scroll to top of the page
|
globals().scrollTop(0, 0)
|
})
|
|
router.beforeEach((to, from, next) => {
|
// Set loading state
|
document.body.classList.add('app-loading')
|
|
// Add tiny timeout to finish page transition
|
setTimeout(() => next(), 10)
|
})
|
|
export default router
|
