如何在外部 oauth2 完成后重新获取 apollo vuejs

Question

我有一个 vuejs/apollo grapqhl 单页应用程序。有一次可以选择将其连接到另一个服务（在本例中为 vimeo）。流量是

1. 单击开始 - 这将转到 graphql 服务器并收集 将链接重定向到附加了某些状态的 vimeo oauth2 服务器， 然后进行重定向
2. 同意对话框发生在 vimeo oauth2 服务器上，该服务器 重定向到 graphql 服务器上的路由 - 这会更新后面 使用 vimeo 用户配置文件结束数据库，然后返回到 主要前端应用程序停止的地方。
3. 此时我需要重新获取在第 2 步更新的数据，但我当然无法检测到何时完成。

关于在第 3 步完成后如何强制前端重新获取的任何建议？

Answer 1

实际上我想出了如何做到这一点。只需使用 ifvisible 检查选项卡是否重新成为焦点，然后强制重新获取。

  mounted () {
    const that = this
    ifvisible.on('focus', () => that.$apollo.queries.UserProfile.refetch())
  }