解决 React BrowserRouter 配合 Nginx 使用出现的 404 问题
问题描述
在 React 中使用 React BrowserRouter 的时候,在部署到生产环境后,如果访问 www.xxx.com/example
会报 404 错误。只能通过访问 www.xxx.com
后再进行页内导航访问到 /example
页面。
解决方案
找到项目对应的 Nginx 配置文件,加入以下配置:
location / {
try_files $uri /index.html;
}
保存配置文件,问题解决。