使用 Nginx 刷新页面显示 404 错误

Question

嗨，我在服务器上上传了我的 React 应用程序并使其生效。它工作正常，但每当我刷新应用程序的任何页面时。它返回 404 错误。我该怎么办？

Answer 1

当您的应用加载时。 react-router 处理路由器。路由更改由路由器本身处理，但在刷新请求时会转到 nginx，其中该特定路由不存在。

要解决此问题，您需要加载根文件。试试这个解决方案。

cd /etc/nginx/sites-available
sudo nano default

在默认文件更新位置

location {
    try_files $uri /index.html;
}

Answer 2

请将此添加到您的 nginx.conf

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

问题是每当您尝试刷新页面时，它都无法在 nginx 上找到该路由，因此您会得到 404 而当您正在浏览应用程序，它工作正常，因为这些事情是由浏览器本身处理的。

refreshing page showing 404 error using Nginx