部署 React App Build 时出现 404 Not Found Nginx 错误答案

【问题标题】：404 Not Found Nginx Error on Deployment of React App Build部署 React App Build 时出现 404 Not Found Nginx 错误
【发布时间】：2021-06-30 14:19:25
【问题描述】：

我们使用“react-oauth2-pkce”库在我们的 react 应用程序中实现身份验证。身份验证在开发设置中工作得很好，但是，当我们使用 npm 创建其生产构建并将其部署到 nginx Web 服务器中时，在身份验证完成后，我们会收到以下“404 Not Found” nginx 错误第三方 wso2 身份验证提供程序以及当 uri 被重定向到 prod 构建的原始 react 应用程序时。

PS：请注意，我们在 3000 端口上托管了 react 应用程序，这对于 nginx Web 服务器上的 prod 构建可见，因此它不是在端口 3000 上运行的默认反应开发服务器。（我们故意保留它在端口 3000 上，这样我们就不必一次又一次地更改重定向 URI 来在 dev 和 prod 构建之间切换。）

404 Not Found Error's screenshot

【问题讨论】：

标签： reactjs nginx frontend web-deployment

【解决方案1】：

通过在 nginx conf 文件中进行如下更改来解决该问题：

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

对 index.html 文件的直接请求工作正常，但其他请求无法正常工作，因此为了将其他请求转发到 index.html 文件，我们进行了上述更改。

【讨论】：