当您的react.js应用加载时，路由由前端处理react- router。例如说您在http://a.com。然后在页面上导航到http://a.com/b。此路由更改在浏览器本身中处理。现在，当您刷新或打开http://a.com/b新标签中的网址时，请求将转到您nginx的特定路由不存在的地方，因此您得到404。

为了避免这种情况，您需要为所有不匹配的路由加载根文件（通常为index.html），以便nginx发送该文件，然后由浏览器上的react应用处理该路由。为此，您必须进行以下更改nginx.conf或sites- enabled适当更改

location / {
 try_files $uri /index.html;
}

这告诉nginx寻找指定的$uri，如果找不到，则将其发送index.html回浏览器。