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

Question

我有一个应用程序，用户可以注册一个事件。一旦用户注册，他就可以访问他以前不能访问的路线。

我使用graphql来处理我的api请求。我的路由守卫中的代码如下所示：

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();
});

这可以很好地工作，并且不会在每次路由更改时执行请求，因为vue-apollo缓存了结果。我的问题是，如果用户注册，然后尝试切换路由，则无法切换，因为缓存的查询结果仍在使用。

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

我该如何解决这个问题呢？

Answer 1

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