react-router 如何使用 redirectLocation 或 301 或 302 状态

Question

我们即将在 reactjs 中部署我们的网站，我们已经（重新）移动了一个 url 但将其合并到我们的主页中，因此我们从 /[product]/menu 将其合并到 /[product] .现在他们说我应该用 301 响应 /[product]/menu 并将其重定向到 /[product]，我该如何完成这个以及其他一些页面？

如何使用 react-router 设置 301 重定向？我在哪里设置哪些页面需要重定向到哪些其他页面？我现在有这样的设置：

app.get('*', (req, res) => {
  // routes is our object of React routes defined above
  match({ routes, location: req.url }, (err, redirectLocation, props) => {
    console.log(redirectLocation);
    if (err) { // something went badly wrong, so 500 with a message
      res.status(500).send(err.message);

    // HERE: HOW DO I USE THIS?
    } else if (redirectLocation) { // we matched a ReactRouter redirect, so redirect from the server
      console.log('301/302 yeah!');
      res.redirect(301, redirectLocation.pathname + redirectLocation.search);

...

我用的是reactjs，express也是。

编辑添加路由配置。

const routes = {
  path: '',
  component: AppComponent,
  childRoutes: [{
    path: '/products',
    component: ProductsComponent,
    name: 'products'
  }, {
    path: '/:slug',
    component: ProductComponent,
    name: 'product'
  }]
}

以防万一。在此处添加答案：

const routes = {
  path: '',
  component: AppComponent,
  childRoutes: [{
    path: '/products',
    component: ProductsComponent,
    name: 'products'
  }, {
    path: '/:slug',
    component: ProductComponent,
    name: 'product'
  }, { 
    path: '/:product/menu', onEnter(nextState, replace) { replace(`/${nextState.params.product}`) }
  }, {
    path: '/oldlink/:testId', onEnter(nextState, replace) { replace({pathname: `http://newsite.com/oldlink/some/${nextState.params.testId}`}) }
  }]
}

Answer 1

在路由声明中，使用<Redirect>。 Example Here

react-router 如何使用 redirectLocation 或 301 或 302 状态

react-router how do I use redirectLocation or the 301 or 302 status

javascript

http-status-code-301

express

reactjs

react-router