解决前端工程师使用react-router时，刷新页面报404错误的问题

问题描述

最近前端工程师们使用了react-router，他们是写的爽了，测试时发现从react-router页面跳到其他页面，再按浏览器的返回按钮回来时，报404错误，问题到了运维这里，让解决此问题。

发现该问题是因为react-router路由技术会修改浏览器上的url，比如，服务器接到该请求时，认为/router1/router2也是路径的一部分，于是尝试去解析找到该文件，找不到文件，于是返回404

解决方法

想办法让服务器接收到page.html/router1/router2这样的请求时，返回page.html文件内容。

apache服务器

对于apache服务器，使用AliasMatch即可：

AliasMatch ^/page.html/(.*)$ /var/www/page.html

nginx服务器

对于nginx服务器，配置片段见下：

location ~* html {
    rewrite page.html/.* /page.html break;
    root /var/www/;
}

这样，有几个页面用了react-router，就配置几个这样的规则即可，且不影响同站下其他页面的访问。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!