38 lines
952 B
JavaScript
38 lines
952 B
JavaScript
import Vue from 'vue'
|
|
import Router from 'vue-router'
|
|
import NProgress from 'nprogress' // progress bar
|
|
import 'nprogress/nprogress.css'// progress bar style
|
|
|
|
Vue.use(Router)
|
|
|
|
// 个性化配置进度条外观
|
|
NProgress.configure({
|
|
easing: 'ease', // 动画方式
|
|
speed: 500, // 递增进度条的速度
|
|
showSpinner: false, // 是否显示加载ico
|
|
trickleSpeed: 200, // 自动递增间隔
|
|
minimum: 0.3 // 初始化时的最小百分比
|
|
})
|
|
|
|
const router = new Router({
|
|
routes: [
|
|
{ path: '/', redirect: '/index' },
|
|
{ path: '/login', name: 'login', component: Login },
|
|
]
|
|
})
|
|
|
|
// 添加路由守卫
|
|
router.beforeEach((to, from, next) => {
|
|
NProgress.start()
|
|
if (to.path == "/login") {
|
|
next();
|
|
NProgress.done()
|
|
} else {
|
|
isLogin ? next() : next("/login");
|
|
NProgress.done()
|
|
}
|
|
})
|
|
router.afterEach(() => {
|
|
NProgress.done()
|
|
})
|
|
export default router; |