.

nprogresBar/router.js

@@ -0,0 +1,38 @@
+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;