陣營路由器（V3）重定向不重定向到新的位置

Question

我有一個路由器的設置是這樣的：

import React from 'react'; 
import {IndexRoute, NotFoundRoute, Route, Redirect} from 'react-router'; 

import App from './components/app'; 
import Home from './components/Home'; 
import AuthorPage from './components/authors/AuthorPage'; 
import About from './components/about/About'; 
import NotFound from './components/NotFound'; 

const routes = (
    <Route path="/" component={App} > 
     <IndexRoute component={Home} /> 
     <Route path="about" component={About} /> 
     <Route path="authors" component={AuthorPage} /> 
     <Route path="*" component={NotFound} /> 
     <Redirect from="/about-us" to="/about" /> 
    </Route> 
); 

export default routes; 

一切，但重定向工作正常。每當我嘗試導航到/about-us時，我都會看到一個白頁，顯示Cannot GET /about-us。

似乎無法在文檔中找到任何關於此的信息。這條路線的「來自」部分是否仍然需要存在才能起作用，還是應該重定向我？

編輯：

我還要提到的是我用的是歷史包，作爲反應路由器升級指南中提到：https://github.com/rackt/react-router/blob/master/upgrade-guides/v1.0.0.md

這是我main.js：

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import Router from 'react-router'; 
import routes from './routes'; 
import createBrowserHistory from 'history/lib/createBrowserHistory' 

// Using history to avoid default behavior of weird urls like `?_k=umhx1s` 
// See: https://github.com/rackt/react-router/blob/master/upgrade-guides/v1.0.0.md 
let history = createBrowserHistory(); 
const root = document.getElementById('app'); 

ReactDOM.render(<Router history={history}>{routes}</Router>, root); 

Answer 1

原來我的路線順序錯了。在我的重定向之後，我的「全部捕獲」NotFound路由需要放置才能工作。

import React from 'react'; 
import {IndexRoute, NotFoundRoute, Route, Redirect} from 'react-router'; 

import App from './components/app'; 
import Home from './components/Home'; 
import AuthorPage from './components/authors/AuthorPage'; 
import About from './components/about/About'; 
import NotFound from './components/NotFound'; 

const routes = (
    <Route path="/" component={App} > 
    <IndexRoute component={Home} /> 
    <Route path="about" component={About} /> 
    <Route path="authors" component={AuthorPage} /> 
    <Redirect from="about-us" to="about" /> // Switched order with below Route. 
    <Route path="*" component={NotFound} /> 
    </Route> 
); 

export default routes; 

Answer 2

好像你在那裏有一個錯字。在您的路線中，您有<Route path="about" component={About} />通知您有path="about"，並且您正在嘗試導航至/about-us。這不符合你的任何路線。嘗試導航至​​或將您的路線更改爲<Route path="about-us" component={About} />。