使用动态路由反应路由器在浏览器直接链接上给出 404

Question

我有一个连接到Wordpress API 的React 前端，并且路由在客户端使用React Router 定义。当我使用Link 将它们引导到动态路由时，它们工作正常。但是当我直接使用浏览器地址栏访问按回车键的链接时，或者我刷新。我得到

404 页面未找到

我知道这是因为发生了对服务器的直接调用，并且当我们有 PHP Server 时，没有 javascript 来操纵共享主机上的 react-router 操作。

考虑过react-snapshot，但它不适合 API 的动态特性。请谁能给我一个可能的方法来解决这个问题？

Answer 1

看看这个：https://github.com/rafrex/spa-github-pages

这个概念可能会对你有所帮助。

当 GitHub Pages 服务器收到对使用前端路由定义的路径的请求时，例如example.tld/foo，它返回一个自定义的 404.html 页面。自定义 404.html 页面包含一个脚本，该脚本采用当前 url 并将路径和查询字符串转换为仅查询字符串，然后将浏览器重定向到仅包含查询字符串和哈希片段的新 url。