react-router Basename也允许不带basename的路由

如何解决react-router Basename也允许不带basename的路由

我希望从子目录（例如localhost：3000 / base）提供我的应用程序，以便路由page1和page2在localhost：3000 / base / page1和localhost：3000 / base / page2中提供服务

为此，我尝试在React Router中使用basename。

有效。

但是，只有localhost：3000 / page1也与page1组件匹配，而与page2相同。

如何防止这种情况发生？

import React from "react";
import {
  browserRouter as Router,Route,Switch,} from "react-router-dom";


function App() {
  return (
    <>hi
    <Router basename="/base">
      <Switch>
        <Route path="/page1" render={props => <div>Hello</div>} />
        <Route path="/page2" render={props => <div>Hi</div>} />
      </Switch>
    </Router>
    </>
  );
}


export default App;