項目利用react-router，做成single page application，進口地點/home/hard/Project/game/web-client/build/html/index.html，通過域名domain.com就能會見到這個進口。
問題是，利用了路由之后，如果uri為domain.com/games.html，通過可以通過欣賞器api跳轉頁面，可一旦刷新頁面，就會報404。
我但愿的是路由到某個uri之后，縱然刷新頁面，或直接在欣賞器中輸入這個uri，一樣可以直接路由到games.html的頁面。
在論壇上提了問，幾天了沒人響應，也查不到相關的資料，所以說其實查不到的，也問不大白，還得靠本身摸索。
利用node的處事器http-server
我一開始沒多想，覺得是nginx的問題，也許node的處事器天然支持這一點。換了，問題沒有辦理。
server "expression">{ "variable">listen 80; "line"> server_ "variable">name "variable">www.domain.com "variable">domain.com; "line"> location ~* \ "variable">.js$ { "line"> root "end-block">/home "end-block">/hard "end-block">/Project "end-block">/game "end-block">/web-client "end-block">/build "end-block">/js; "line"> } "line"> location / "expression">{ "variable">root "end-block">/home "end-block">/hard "end-block">/Project "end-block">/game "end-block">/web-client "end-block">/build "end-block">/html/; "line"> } } |
這個導致404是很明明的，假如uri是domain.com/games.html，那么nginx會試圖在/home/hard/Project/game/web-client/build/html/目次下找games.html,404是必定的。
nginx rewrite辦理
新的設置
server "expression">{ "variable">listen 80; "line"> server_ "variable">name "variable">www.domain.com "variable">domain.com; "line"> location ~* \ "variable">.js$ { "line"> root "end-block">/home "end-block">/hard "end-block">/Project "end-block">/game "end-block">/web-client "end-block">/build "end-block">/js; "line"> } "line"> location / "expression">{ "variable">root "end-block">/home "end-block">/hard "end-block">/Project "end-block">/game "end-block">/web-client "end-block">/build "end-block">/html/; "line"> } "line"> location ~* html "expression">{ "variable">rewrite "variable">.* "end-block">/index.html break; "line"> root "end-block">/home "end-block">/hard "end-block">/Project "end-block">/game "end-block">/web-client "end-block">/build "end-block">/html/; "line"> } } |
增加了一個 location 用來設置uri里頭有html的，我用html來標識是否是客戶端頁面。
通過rewrite .* /index.html break;把一切path重寫為/index.html,break很重要,它使得url的匹配竣事，最終處事返回的文檔其實是/home/hard/Project/game/web-client/build/html/index.html。
誰人break抉擇了欣賞器里的url是穩定的，而http響應的文檔其實就是index.html，，而欣賞器上的path，會自動的被react-router處理懲罰，舉辦無刷新的跳轉，我們看到的功效就是path對應了誰人頁面！