我们在 Slack 集成方面遇到了类似的问题。不幸的是，没有好的解决方案可以克服这个问题。你唯一能做的就是在 oAuth 处理期间打开新的空白页面。这就是我的意思。

...

     authorizeRedirect(options) {
        window.location = this.getAuthorizeUrl(options)
      },
    
      async authorizeNewWindow(options) {
        const authorizeUrl = this.getAuthorizeUrl(options)
    
        window.open(authorizeUrl, '_blank')
      },
    
      authorize({ type, ...options }) {
        if (type === 'newWindow') {
          return this.authorizeNewWindow(options)
        } else {
          this.authorizeRedirect(options)
        }
      },

假设你已经拥有用于集成的 Auth 服务，因此不会进一步介绍如何创建完整服务。但是你可以根据上述示例执行以下操作：

• 你可以authorizeRedirect(options)像往常一样在同一页面的主平台中进行授权。
• authorizeNewWindow(options)在新的空白页中使用单独打开授权页。这个可以用于 iframe。
• authorize({ type, ...options })你可以在所需的组件或页面中使用的最后一个。

当然，它不能提供良好的用户体验，但由于没有其他方法可以克服它，因此它比崩溃的 UI 更好。