当我使用 capacitorjs 将 reactjs web 应用程序转换为移动应用程序时，我在 android studio 中遇到错误

Question

在我的项目中，我使用了带有 okta 验证的 reactjs 程序。 当我运行 reactjs 程序时，output 会变好。

但是当我使用 capacitorjs 将 reactjs 网页转换为移动应用程序时，该网页不显示在移动设备中

我已按照以下 url 中的步骤将网页转换为移动应用程序

https://medium.com/how-to-react/convert-your-existing-react-js-app-to-android-or-ios-app-using-the-ionic-capacitor-a127deda75bd

转换为移动应用程序后，我在 android studio 中遇到错误

错误：

E/Capacitor/Console: File: https://dev-26880336.okta.com/oauth2/default/v1/authorize?client_id=0oa1mwa34crTomUOH5d7&code_challenge=kr1g6uGbNpAhaS56yKif3uwyoYFUhS4I7tq2A2hCxIo&code_challenge_method=S256&nonce=SNKlf04bxtnRnB7QfSzXBkRe1wvOWJcUA5nq2B10hjpeaE8hk2vlFovVoRS0BM5z&prompt=none&redirect_uri=http%3A%2F%2Flocalhost%2Flogin% 2Fcallback&response_mode=okta_post_message&response_type=code&sessionToken=20111eK94THVVdQCsGkgOQ4zWwQ1fH3xSkobMIPbeV3CnzPny2X_vlb&state=LOfoTu1kDHsTKrTFYvO4WaTfp76ie0ZraXp8qzCLPE5WAp4IHR7gnd86c16J8h5Y&scope=openid%20profile%20email - Line 42 - Msg: error.errorCode: invalid_request, error.description: The 'redirect_uri' parameter must be a Login redirect URI in the client app settings: https: //dev-26880336-admin.okta.com/admin/app/oidc_client/instance/0oa1mwa34crTomUOH5d7#tab-general

在 Okta Developer 控制台中，我添加了以下凭据

我在 Okta 开发者控制台中添加了可信来源，如下所示

我在 android studio 中遇到错误，并且 web 页面未在移动应用程序中打开。

我得到 output 如下

我没有出错。 在 Okta 或 AndroidStudio 中

Answer 1

您请求的回调 URL 参数与您配置的登录重定向 URI 不匹配