Javascript React路由器随机将我的所有请求重定向到/&引用'；

我现在正在开发一个MERN Stack应用程序。昨天我的路线运行得很好，但今天，毫无理由，它没有

当我登录时（当令牌变量存在时），我的所有请求都被重定向到“/”

编辑：它与react router dom中的解链接组件一起工作，但在浏览器中键入url或刷新时不起作用

import React from "react";
import {
  BrowserRouter as Router,
  Route,
  Redirect,
  Switch,
} from "react-router-dom";
import Auth from "./pages/Auth";
import Book from "./pages/Book";
import Dashboard from "./pages/Dashboard";

import { AuthContext } from "./shared/context/auth-context";
import { useAuth } from "./shared/hooks/auth-hook";

function App() {
  const { token, login, logout, userId } = useAuth();

  let routes;

  if (token) {
    routes = (
      <Switch>
        <Route path="/" exact>
          <Dashboard />
        </Route>
        <Route path="/book/shop" exact>
          <Book />
        </Route>

        <Redirect to="/" />
      </Switch>
    );
  } else {
    routes = (
      <Switch>
        <Route path="/auth">
          <Auth />
        </Route>
        <Redirect to="/auth" />
      </Switch>
    );
  }
  return (
    <AuthContext.Provider
      value={{
        isLoggedIn: !!token,
        token: token,
        userId: userId,
        login: login,
        logout: logout,
      }}
    >
      <Router>
        <main>{routes}</main>
      </Router>
    </AuthContext.Provider>
  );
}

export default App;

从“React”导入React；
进口{
BrowserRouter作为路由器，
路线,，
重新使用
转换
}从“反应路由器dom”；
从“/pages/Auth”导入身份验证；
从“/pages/Book”导入书籍；
从“/pages/Dashboard”导入仪表板；
从“/shared/context/auth-context”导入{AuthContext}”；
从“/shared/hooks/auth hook”导入{useAuth}”；
函数App（）{
const{token，login，logout，userId}=useAuth（）；
让路；
如果（令牌）{
路线=(
);
}否则{
路线=(
);
}
返回(
{routes}
);
}
导出默认应用程序；

---

知道我错过了什么吗？因为控制台中没有错误。

请尝试在指定的路径之前使用“精确”命令来执行相同的行为。但我编辑了我的文章，内容是关于浏览器中键入的组件和URL。