如何避免 nginx not found 404 错误 Ubuntu React App

当在Ubuntu上部署React应用程序时，在使用 Nginx 服务器时会出现404 Not Found错误。这可能是由于Nginx的配置文件不正确或应用程序文件路径不正确所致。

以下是如何避免Nginx not found 404错误的步骤。

检查Nginx配置文件

首先，您需要检查您的Nginx配置文件。如果您的React应用程序的根路径或文件路径不正确，则会出现404 Not Found错误。确保以下配置文件正确：

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

在位置 /etc/nginx/sites-available/default文件中，找到以下行：

root /var/www/html;

然后将其替换为您的React应用程序的根目录路径：

root /var/www/react-app/build;

保存并退出文件。

重启Nginx服务器

通过使用以下命令可以重启Nginx服务器：

sudo systemctl restart nginx

确保 React app 被打包

确保React应用程序已通过以下命令进行打包：

npm run build

当您运行上述命令时，您的React应用程序将打包到build目录中，然后将其部署到Nginx服务器中。

确认应用程序已部署

确保应用程序已部署到Nginx服务器，您可以通过在Web浏览器中输入以下URL来验证：

http://your_ip_address

如果一切正常，您将能够在浏览器中看到您的React应用程序。

总结

上述步骤应该可以帮助您避免Nginx not found 404错误。检查Nginx配置文件，打包并部署React应用程序，然后确认应用程序是否已部署。这将确保您的React应用程序在使用Nginx服务器时能够正常工作。