ionic-framework - 在 Azure B2C + ionic 电容器 InAppBrowser 谷歌登录上获取 403 disallowed_useragent

Question

当我尝试在 Azure B2C 登录页面上单击 google 登录时，它会将我重定向到另一个页面，并显示错误 403 disallowed_useragent。

这是我到目前为止尝试过的:

添加 尝试添加 overrideUserAgent，如 documentation提到。在 capacitor.config.json 的根目录添加这一行

 "overrideUserAgent": "Mozilla/5.0 Google"

我也尝试添加 UserAgent plugin我在我的应用程序组件中添加这一行来设置用户代理

this.userAgent.set('Mozilla/5.0 Google')
        .then((res: any) => console.log('UserAgent test' + res))
        .catch((error: any) => console.error(error));

最后我还在config.xml中添加了这一行

<preference name="OverrideUserAgent" value="Mozilla/5.0 Google" />

当我调试 inAppBrowser 控制台日志时，这些解决方案中的任何一个都有效，我在请求 header 中看到了这个结果

user-agent: Mozilla/5.0 (Linux; Android 11; sdk_gphone_x86 Build/RPB1.200504.020; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/83.0.4103.44 Mobile Safari/537.36

我们将不胜感激。

Answer 1

我通过将 overrideUserAgent 添加到 capacitor.config.json 来解决这个问题

  "cordova": {
    "preferences": {
      "OverrideUserAgent": "Mozilla/5.0 Google"
    }
  },

此对象已添加到文件的根目录中。

问题是当我们运行 cap init 命令时，Cordova 首选项被添加到电容器首选项中，之后要添加 Cordova 首选项，我们应该像上面那样在 capacitor.config.json 中使用 Cordova 对象。 https://capacitorjs.com/docs/cordova/migrating-from-cordova-to-capacitor#cordova-plugin-preferences