如何使用到达路由器在服务器子目录上部署React应用？

Question

我正在尝试将此React应用程序在线部署到托管服务器上的子目录中，并且正在使用到达路由器。我可以通过简单地更改package.json中的主页并在Router组件中添加“ basename”参数来与react-router一起使用：

<BrowserRouter basename="/react/lyricsearch">

在到达路由器上，我遇到了一篇文章，说你可以做类似的事情：

<Router basepath="/react/petadoption">

但是它不起作用，页面也无法加载。用到达路由器将其设置为在该网址路径上工作的方式是什么？

  render() {
    return (
      <div>
        <header>
          <Link to="/">Adopt Me!</Link>
          <Link to="/search-params">
            <span aria-label="search" role="img">
              Search
            </span>
          </Link>
        </header>
        <Provider value={this.state}>
          <Router basepath="/react/petadoption">
            <Results path="/" />
            <Details path="/details/:id" />
            <SearchParams path="/search-params" />
          </Router>
        </Provider>
      </div>
    );
  }