基于Vue导航守卫判断用户是否登录及控制页面跳转

业务逻辑： 点击写文章按钮，判断用户是否登录。若用户已登录进入写文章页面，否则，跳转至登录页面，提醒用户登录后操作。

router文件夹下：index.js文件

import {getToken} from '@/request/token'
const router = new VueRouter({
  routes: [
    {
      path: '/write/:id?',
      component: r => require.ensure([], () => r(require('@/views/blog/BlogWrite')), 'blogwrite'),
      meta: {
        requireLogin: true
      }
    }
  ]
)

router.beforeEach((to, from, next) => {

//写文章前判断是否登录，未登录跳转登录页，反之，进入写文章界面。
    if (to.matched.some(r => r.meta.requireLogin)) {
      if(!getToken()){
        next({path: '/login'})
        Vue.prototype.$message({
              type: 'warning',
              showClose: true,
              message: '请登录后操作！',
        })
      }
    }else {
      next();
    }

})

export default router