javascript - 具有动态路由的 react 路由器在浏览器直接链接上给出 404

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

我有一个React前端连接到Wordpress API并且路由在客户端定义为 React Router 。当我使用Link时将他们引导至动态路线,他们工作得很好。但是当我直接使用浏览器地址栏按 Enter 键访问链接时,或者我刷新。我得到

404 page not found

我知道这是因为正在发生对服务器的直接调用,并且没有 javascript操纵react-router当我们有 PHP Server 时在共享主机上执行的操作关于这一点。

考虑react-snapshot但它不适合 API 的动态特性。请问有人可以提供解决此问题的可能方法吗?

最佳答案

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

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

When the GitHub Pages server gets a request for a path defined with frontend routes, e.g. example.tld/foo, it returns a custom 404.html page. The custom 404.html page contains a script that takes the current url and converts the path and query string into just a query string, and then redirects the browser to the new url with only a query string and hash fragment.

关于javascript - 具有动态路由的 react 路由器在浏览器直接链接上给出 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44733730/

相关文章:

reactjs - 如果未安装 Redux DevTools 扩展,Redux 应用程序将无法工作

javascript - D3 将鼠标悬停在节点链接图中的链接上,增加 'accepted' 范围

javascript - React Native Undefined 不是一个对象(评估'userData.id)

javascript - <select> 应该有 {defaultValue} 或 {value} 而不是设置 {selected}

javascript - 为什么我的 create-react-app 项目在编译时会输出数千行关于类型的警告?

javascript - Create React App 出现 "Unexpected labeled statement"警告

javascript - 从模型中获取数组以查看

javascript - 使用 jQuery 只允许文本框包含字母?

javascript - JavaScript 中的属性初始化

javascript - 无法使用 redux-form 找到商店