text: // 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 store from './store';
  import ElementUI from 'element-ui';
  import 'element-ui/lib/theme-default/index.css';
  import 'assets/custom-theme/index.css'; // 换肤版本element-ui css https://github.com/PanJiaChen/custom-element-theme
  import NProgress from 'nprogress'; // Progress 进度条
  import 'nprogress/nprogress.css';// Progress 进度条 样式
  import 'normalize.css/normalize.css';// normalize.css 样式格式化
  import 'styles/index.scss'; // 全局自定义的css样式
  import 'components/Icon-svg/index'; // 封装的svg组件
  import 'assets/iconfont/iconfont'; // iconfont 具体图标见https://github.com/PanJiaChen/vue-element-admin/wiki
  import * as filters from './filters'; // 全局vue filter
  import Multiselect from 'vue-multiselect';// 使用的一个多选框组件，element-ui的select不能满足所有需求
  import 'vue-multiselect/dist/vue-multiselect.min.css';// 多选框组件css
  import Sticky from 'components/Sticky'; // 粘性header组件
  import vueWaves from './directive/waves';// 水波纹指令
  import errLog from 'store/errLog';// error log组件
  import './mock/index.js';  // 该项目所有请求使用mockjs模拟
  
  // register globally
  Vue.component('multiselect', Multiselect);
  Vue.component('Sticky', Sticky);
  Vue.use(ElementUI);
  Vue.use(vueWaves);
  
  // register global utility filters.
  Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
  });
  
  // permissiom judge
  function hasPermission(roles, permissionRoles) {
    if (roles.indexOf('admin') >= 0) return true; // admin权限 直接通过
    if (!permissionRoles) return true;
    return roles.some(role => permissionRoles.indexOf(role) >= 0)
  }
  
  // register global progress.
  const whiteList = ['/login', '/authredirect', '/reset', '/sendpwd', '/third_party_login', '/certicification_signup'];// 不重定向白名单
  router.beforeEach((to, from, next) => {
    NProgress.start(); // 开启Progress
    if (store.getters.token) { // 判断是否有token
      if (to.path === '/login') {
        next({ path: '/' });
      } else {
        if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
          store.dispatch('GetInfo').then(res => { // 拉取user_info
            const roles = res.data.role;
            store.dispatch('GenerateRoutes', { roles }).then(() => { // 生成可访问的路由表
              router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
              next(to.path); // hack方法 确保addRoutes已完成
            })
          }).catch(err => {
            console.log(err);
          });
        } else {
          // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
          if (hasPermission(store.getters.roles, to.meta.role)) {
            next();//
          } else {
            next({ path: '/401', query: { noGoBack: true } });
          }
          // 可删 ↑
        }
      }
    } else {
      if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
        next()
      } else {
        next('/login'); // 否则全部重定向到登录页
        NProgress.done(); // 在hash模式下 改变手动改变hash 重定向回来 不会触发afterEach 暂时hack方案 ps：history模式下无问题，可删除该行！
      }
    }
  });
  
  
  router.afterEach(() => {
    NProgress.done(); // 结束Progress
  });
  
  // window.onunhandledrejection = e => {
  //     console.log('unhandled', e.reason, e.promise);
  //     e.preventDefault()
  // };
  
  // 生产环境错误日志
  if (process.env === 'production') {
    Vue.config.errorHandler = function (err, vm) {
      console.log(err, window.location.href);
      errLog.pushLog({
        err,
        url: window.location.href,
        vm
      })
    };
  }
  
  // window.onerror = function (msg, url, lineNo, columnNo, error) {
  //     console.log('window')
  // };
  //
  // console.error = (function (origin) {
  //     return function (errorlog) {
  //         // handler();//基于业务的日志记录及数据报错
  //         console.log('console'+errorlog)
  //         origin.call(console, errorlog);
  //     }
  // })(console.error);
  
  new Vue({
    router,
    store,
    render: h => h(App)
  }).$mount('#app');
  