使用动态路由来反应路由器，并在浏览器上直接链接404

Question

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

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。