Reactjs react router Basename还允许没有Basename的路由

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

为此，我尝试在React路由器中使用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;

从“React”导入React；
进口{
BrowserRouter作为路由器，
路线,，
转换
}从“反应路由器dom”；
函数App（）{
返回(
你好
你好}/>
嗨}/>
);
}
导出默认应用程序；