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;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）