为nginx 配置react-router应用 作者: sysit 分类: d 发表于 2017-10-25 259人围观 ### 1. 应用场景 在一次客户项目部署过程中,前端代码使用了React框架,使用react-router作为路由管理。通过查看js代码,看到使用的history类型为browerHistory。 按照正常的`server{...}`配置无法解决URL的问题,访问`http://10.10.10.10/login`,页面显示404,error.log中显示`No such file or directory`。 ### 2. 解决办法 浏览器在使用这个react应用期间,无论uri更改与否,服务器都发回index.html这个页面就行。实际操作就是在nginx配置文件里添加如下内容: ``` server { ... location / { try_files $uri /index.html; } } ``` 如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作! 赞赏支持