vue-apollo在路由器保护中执行graphql查询

Tim*_*nen 5 javascript graphql vuejs2 vue-apollo

我有一个用户可以注册活动的应用程序。用户注册后,便可以访问以前无法访问的路线。

我正在对我的api请求使用graphql。我的路由守卫中的代码如下所示:

router.beforeEach(async (to, from, next) => {
  if (to.meta.signUpRequired && from.name) {
    const { data: { getCurrentUser } } 
      = await apolloProvider.defaultClient.query({
      query: USER_INFO_QUERY
    });
    if (getCurrentUser && getCurrentUser.isCollectionAttendee) {
      return next();
    }
    return next('/');
  }
  return next();
});
Run Code Online (Sandbox Code Playgroud)

这样工作良好,并且每次路由更改时都不会执行请求,因为vue-apollo会缓存结果。我的问题是,如果用户注册并尝试切换路由,则不能这样做,因为仍然使用查询的缓存结果。

我不想在每次更改路由之前都使用仅网络的fetchPolicy。

我该如何解决?

Ces*_*uez 0

this.$apolloProvider.defaultClient.resetStore()也许注册后尝试使用。