ReactJS：Okta Auth RestoreOriginalUri 函數不重定向

Question

我已經被這個問題難住了一段時間。

我正在為我的 React SPA 使用 Okta 身份驗證，並且一切順利，但是restoreOriginalUri函數實際上並未在成功身份驗證后路由/重定向回原始 URI。

包.json

    "@okta/okta-auth-js": "^5.6.0",
    "@okta/okta-react": "^6.2.0",
    "@okta/okta-signin-widget": "^5.8.1",

代碼：

    <Security
      oktaAuth={oktaAuth}
      onAuthRequired={customAuthHandler}
      restoreOriginalUri={restoreOriginalUri} // not working
    >
      <Switch>
        <Provider store={store}>
          <Route exact path="/" component={Home} />
          <Route exact path="/reports" component={Reports} />
        </Provider>
      </Switch>
    </Security>

// restoreOriginalUri function

  const restoreOriginalUri = async (_oktaAuth, originalUri) => {
    console.log("restoring original uri...");
    history.replace(toRelativeUrl(originalUri, window.location.origin));
  };

錯誤信息：

我知道身份驗證是成功的，因為一旦我收到錯誤消息並刷新瀏覽器頁面，我就可以導航到受保護的路由並通過范圍查看用戶身份而無需強制/login

有任何想法嗎？

TIA

Answer 1

嘗試將您的restorOriginalUri const 更改為以下內容：

const restoreOriginalUri = async (oktaAuth, originalUri) => {
  history.replace(toRelativeUrl(originalUri || '/', window.location.origin));
};