vue-router token状态认证

import Vue from ‘vue‘
import Router from ‘vue-router‘
import HelloWorld from ‘@/components/HelloWorld‘
import home from ‘@/page/home‘
import store from ‘@/page/store‘
import login from ‘@/page/login‘
Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: ‘/home‘,
      name: ‘home‘,
      component: home,
      meta: { requireAuth: true },
    },
     {
      path: ‘/login‘,
      name: ‘login‘,
      component: login
    },
    {
      path: ‘/store‘,
      name: ‘store‘,
      component: store,
      meta: { requireAuth: true },
    }
  ]
})

//判断是否登录
router.beforeEach((to, from, next) => {
  if (to.matched.some(res => res.meta.requireAuth)) {
    if (localStorage.getItem(‘token‘)) {
      next()
    } else {
      next({
        path: ‘/login‘,
        query: { redirect: to.fullPath }
      })
    }
  } else {
    next()
  }
});


export default router

watch: {
    ‘$route‘: function(to, from,next) {
      if (to.matched.some(res => res.meta.requireAuth)) {
        if (window.localStorage.getItem(‘token‘)) {
          next()
        } else {
          next({
            path: ‘/login‘,
            query: { redirect: to.fullPath }
          })
        }
      } else {
        next()
      }
    }　　
  }