在由express提供服务的多个react客户端中进行路由

// express路由配置
app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, 'index.html')); // 返回首页react客户端
});

app.get('/details', (req, res) => {
  res.sendFile(path.join(__dirname, 'details.html')); // 返回详情页react客户端
});

// 首页react客户端中的路由配置
import { BrowserRouter, Route, Link } from 'react-router-dom';

function Home() {
  return (
    <BrowserRouter>
      <div>
        <h1>Home</h1>
        <ul>
          <li><Link to="/details">Go to Details</Link></li>
        </ul>
        <Route path="/details" component={Details} />
      </div>
    </BrowserRouter>
  );
}

// 详情页react客户端中的路由配置
import { BrowserRouter, Route, Link } from 'react-router-dom';

function Details() {
  return (
    <BrowserRouter>
      <div>
        <h1>Details</h1>
        <ul>
          <li><Link to="/">Go to Home</Link></li>
        </ul>
        <Route path="/" component={Home} />
      </div>
    </BrowserRouter>
  );
}