为nginx 配置react-router应用 作者: sysit 分类: d 发表于 2017-10-25 158人围观 ### 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; } } ``` 如果觉得我的文章对您有用，请随意赞赏。您的支持将鼓励我继续创作！ 赞赏支持
