Vuejs ssr check用户已针对每个请求进行身份验证

回答我的问题,下一种方法-是我搜索的,这个vue路由器中间件将在发送其他请求之前检查用户(在我的组件方法中,如 asyncData ),然后将用户信息放入存储:

// router/index.js

export function createRouter (cookies) {
  const router = new Router({ ... })

  router.beforeEach((to, from, next) => {
    // this route requires auth, check if logged in
    // if not, redirect to login page.
    if (to.matched.some(record => record.meta.requiresAuth)) {
      if (router.app.$store) {
        router.app.$store
          .dispatch('FETCH_CURRENT_USER', cookies)
          .then(next)
          .catch(() => next('/signin'))
      } else {
        next()
      }
    } else {
      next()
    }

    return router
}

// store/actions.js

export default {
  FETCH_CURRENT_USER: ({ commit }, cookie) => {
    const values = {
      credentials: 'include',
      headers: {
        'Content-Type': 'application/json',
        Origin: FRONTEND_HOST,
        Cookie: cookie
      }
    }

    return fetch(`${API_HOST}/api/v1/users/me`, values)
      .then(handleStatus)
      .then(handleJSON)
      .then(json => commit('SET_CURRENT_USER', json))
  }
}