使用 Nginx 刷新页面显示 404 错误 [重复]

Posted 2023-02-21

【中文标题】使用 Nginx 刷新页面显示 404 错误 [重复]

【英文标题】：refreshing page showing 404 error using Nginx [duplicate]

【发布时间】：2021-12-11 21:05:06

【问题描述】：

您好，我将我的 react 应用程序上传到服务器并使其上线。它工作正常，但每当我刷新应用程序的任何页面时。它返回 404 错误。我该怎么办？

【参考方案1】：

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

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

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

在默认文件更新位置

location 
    try_files $uri /index.html;

【参考方案2】：

请在您的 nginx.conf

中添加此内容

location / 
 try_files $uri /index.html;

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