我有一个用户可以注册参加活动的应用程序 . 一旦用户注册,他就可以访问他以前无法访问的路线 .
我正在使用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 .
我怎么解决这个问题?