在本地磁盤保存的站點上啓用反應路由

Question

我使用瀏覽器進入了我的網站，然後使用CTRL + S將其保存，選擇Google Chrome上的網頁完成選項。

然後，當我打開保存HTML文件在瀏覽器中，我的網站總是重定向我找不到頁面。

似乎react-router無法處理來自本地磁盤的路由。

我routes.js：

import * as React from 'react'; 
import { Route } from 'react-router'; 
import Layout from './containers/Layout'; 
import Home from './containers/Home'; 
import Registration from './containers/Registration'; 
import Cancellation from './containers/Cancellation'; 
import NotFound from './errorPages/NotFound'; 

export default <Route component={ Layout }> 
    <Route path='/' components={{ body: Home }} /> 
    <Route path='/registration' components={{ body: Registration }} /> 
    <Route path='/cancellation' components={{ body: Cancellation }} /> 
    <Route path='*' components={{body: NotFound}}/> 
</Route>; 

// Enable Hot Module Replacement (HMR) 
if (module.hot) { 
    module.hot.accept(); 
} 

---

我怎樣才能妥善處理在這樣的情況下，換條路線配置，節約網站也許其他的變種，我應該怎樣做，以節省我的網站，然後導航沒有任何麻煩？

Answer 1

您需要運行並配置服務器，將所有請求重新路由到index.html，此時，React Router負責處理所有路由。在這裏看到：

https://github.com/ReactTraining/react-router/blob/master/docs/guides/Histories.md#browserhistory

的示例使用快車（Node.js的）服務器，相關的塊是在這裏：

app.get('*', function (request, response){ response.sendFile(path.resolve(__dirname, 'public', 'index.html')) })

雖然你也可以配置，如果您選擇的另一臺服務器你爲本地開發使用其他東西。