当您的react.js应用加载时,路由由react-router在前端处理.比如说你在http://a.com.然后在页面上导航到http://a.com/b.此路由更改在浏览器本身中处理.现在,当您在新选项卡中刷新或打开URL http://a.com/b时,请求将转到您的Nginx,其中特定路径不存在,因此您获得404.
原文链接：https://www.f2er.com/nginx/435402.html为了避免这种情况,您需要为所有不匹配的路由加载根文件(通常是index.html),以便Nginx发送文件,然后路由由浏览器上的您的react应用程序处理.要做到这一点,你必须在你的Nginx.conf或启用网站的地方进行以下更改
location / {
try_files $uri /index.html;
}
这告诉Nginx查找指定的$uri,如果找不到,则将index.html发送回浏览器.
