如果URL在REACT中有两个部分，如何重定向？

Question

由于我使用来自react-router-dom的重定向来处理react应用程序中的路由，因此我

假设有人点击：example.com/privacy-policy它可以重定向到：example.com，如果有人点击：example.com/privacy-policy/test' it is getting redirected to : example.com‘如何避免example.com/privacy-policy/test' but it should redirect forExample.com/隐私策略的重定向’

Answer 1

您所有的路由都会去example.com，是因为create-react-app使用了--history-api-fallback选项`。See docs.

此选项在webpack-dev-server中启用历史API回退支持，有效地要求服务器回退到索引。在找不到请求的资源的情况下的html。

因此您需要使用react-router-dom包，使用BrowserRouter、Route和Switch组件并定义您的路由。

    <Router>
      <Switch>
          <Route path='/' exact component={ExampleHomePage}></Route>
          <Route path='/privacy-policy' exact component={PrivacyPolicy}></Route>
          <Route path='/privacy-policy/test' component={PrivacyPolicy}></Route>
      </Switch>
    </Router>

你可以在网上找到很多例子。例如：

• React router docs
• Another example to get started