npm install nprogress --save

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import iView from 'iview'
import 'iview/dist/styles/iview.css'
import moment from './plugins/moment'
import axios from './plugins/axios'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { base } from './router/config'
 
Vue.use(iView)
Vue.use(moment)
Vue.use(axios)
 
Vue.config.productionTip = false
 
// 配置NProgress進度條選項 —— 動畫效果
NProgress.configure({ ease: 'ease', speed: 500 })
 
// 全局路由攔截-進入頁面前執(zhí)行
router.beforeEach((to, from, next) => {
 if (to.path === `${base}login`) {
 return next()
 }
 
 // token驗證，如果存儲在sessionStorage里的auth的值丟失，就回到登陸頁面，(開發(fā)時可以注釋掉)
 // if (!sessionStorage.getItem('auth')) {
 // return next(`${base}login`)
 // }
 
 // 如果頁面在 / 默認頁面，跳轉(zhuǎn)到登陸頁面(和vue路由重定向功能類似)
 if (to.path === `${base}`) {
 return next(`${base}login`)
 }
 // NProgress開始進度條
 NProgress.start()
 next()
})
 
// 全局后置鉤子-常用于結(jié)束動畫等
router.afterEach(transition => {
 // NProgress結(jié)束進度條
 NProgress.done()
 // console.log(transition)
})
 
/* eslint-disable no-new */
new Vue({
 el: '#app',
 router,
 components: { App },
 template: '<App/>'
})