反應與動態路由路由器給404在瀏覽器直接鏈接

Question

我有一個React前端連接到Wordpress API和路由在客戶端定義React Router。當我使用Link引導他們到動態路線他們工作正常。但是當我使用的瀏覽器地址欄直接訪問按Enter鍵鏈接，或者我refresh.i得到

404頁找不到

，我才知道那是因爲直接調用服務器當我們有一個PHP Server時，沒有javascript來操縱共享主機上的react-router操作。

關於react-snapshot的想法，但它不會適合API的動態性。請問任何人，我可以給一個可能的方式來解決這個問題？

Answer 1

檢查了這一點：https://github.com/rafrex/spa-github-pages

的概念可以幫助你。

當GitHub頁面服務器獲得對使用前端路由定義的路徑的請求時，例如， example.tld/foo，它返回一個自定義的404.html頁面。自定義404.html頁面包含一個腳本，它接收當前的url並將路徑和查詢字符串轉換爲查詢字符串，然後僅使用查詢字符串和哈希片段將瀏覽器重定向到新的url。