vue登录拦截

2019-06-25  本文已影响0人  IT宝哥哥
//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')
上一篇下一篇

猜你喜欢

热点阅读