當我使用 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 不匹配