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

时间:2017-06-24 06:56:32

标签: javascript reactjs create-react-app react-router-v4

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

  

未找到404页

并且我知道这是因为直接调用服务器正在发生,并且当我们有{{javascript来操作共享主机上的react-router操作时没有PHP Server 1}}就此而言。

考虑react-snapshot,但它不适合API的动态性质。请问任何人都可以给出解决这个问题的方法吗?

1 个答案:

答案 0 :(得分:3)

检查出来:https://github.com/rafrex/spa-github-pages

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

  

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