Auth0 并做出反应

Question

我正在使用 react-router 和 auth0，我的 app.js 看起来像下面的代码。 isAuthenticated 如果 auth0 功能并基于它是否为真我呈现我的登录页面或登录的应用程序仪表板。这几乎可以正常工作，但是当我以登录状态重新加载时，登录页面会加载并且仅在仪表板之后加载。我想这是因为他们都有'/'作为路径，但是我如何设置我的页面在登录身份验证后转到 http://localhost/3000/Dashboard？

import React from "react";
import LandingPage from "../Pages/LandingPage/LandingPage";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
import Footer from "../Pages/LandingPage/Footer";
import { useAuth0 } from "@auth0/auth0-react";
import Navbar2 from "../Pages/LandingPage/Navbar2";
import Dashboard from "../Pages/inAppPages/Dashboard/Dashboard";

function App() {
  const { isAuthenticated } = useAuth0();

  if (isAuthenticated) {
    return (
      <Router>
        <Switch>
          <Route path='/' component={Dashboard} />
        </Switch>
        <Footer />
      </Router>
    );
  } else {
    return (
      <Router>
        <Navbar2 />
        <Switch>
          <Route path='/' exact component={LandingPage} />
        </Switch>
        <Footer />
      </Router>
    );
  }
}
export default App;

Answer 1

在文档中找到了 2 个答案，我猜我很懒。

https://auth0.com/docs/rules/redirect-users https://auth0.com/docs/protocols/state-parameters