小编Mat*_*ana的帖子

我正在@react-keycloak/web使用 keycloak 来保护 React 应用程序。我最近开始将 KeyCloak 与 React 结合使用。我的 KeyCloak Docker 在端口 8080 上运行，我的 React 应用程序在端口 3000 上运行。

当我尝试登录时，地址栏开始跳转，并且 url 中出现一些不同的标记。

应用程序.js

import React from "react";
import { ReactKeycloakProvider } from "@react-keycloak/web";
import keycloak from "./Keycloak"
import { BrowserRouter, Route, Routes } from "react-router-dom";
import Nav from "./components/Nav";
import WelcomePage from "./pages/Homepage";
import SecuredPage from "./pages/Securedpage";
import PrivateRoute from "./helpers/PrivateRoute";

function App() {
 return (
   <div>
     <ReactKeycloakProvider authClient={keycloak}>
       <Nav />
       <BrowserRouter>
         <Routes>
           <Route exact path="/" element={<WelcomePage />} /> …