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

IT技术 reactjs nginx server
2021-05-10 06:04:59

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

2个回答

当您的应用加载时。react-router 处理路由器。路由更改由路由器本身处理,但在刷新请求时,该请求将发送到不存在该特定路由的 nginx。

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

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

在默认文件更新位置

location {
    try_files $uri /index.html;
}

请在你的nginx.conf 中添加这个

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

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