vue.js - 如何在外部 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())
  }