美文网首页
vue登录拦截

vue登录拦截

作者: IT宝哥哥 | 来源:发表于2019-06-25 10:38 被阅读0次
    //main.js
    import Vue from 'vue'
    import App from './App.vue'
    import store from './store'
    import router from './router'
    import load from './components/load'
    import VueLazyload from 'vue-lazyload'
    import error from './assets/images/error.svg'
    import loadingImg from './assets/images/loading.svg'
    import loading from './components/loading'
    
    // Vue
    Vue.config.productionTip = false
    //懒加载图片插件
    Vue.use(VueLazyload, {
      preLoad: 1.3,
      error: error,
      loading: loadingImg,
      attempt: 1
    });
    Vue.use(loading);
    //登录拦截,通过vuex中是否有user判断
    router.beforeEach((to, from, next) => {
      if (store.state.user.member_id != undefined) {
        console.log('已登录')
        next()
      } else if (to.path != '/login') {
        console.log('to.path not login')
        next('/login')
      } else {
        next()
      }
    })
    new Vue({
      store,
      router,
      render: h => h(App)
    }).$mount('#app')
    

    相关文章

      网友评论

          本文标题:vue登录拦截

          本文链接:https://www.haomeiwen.com/subject/dazzqctx.html