时间戳

首页 > 解决方案 > 使用 Nginx 部署 React 加载资源失败

reactjs - 使用 Nginx 部署 React 加载资源失败

问题描述

我正在尝试使用 nginx 反向代理部署一个反应应用程序。

我的服务器配置块（/etc/nginx/sites-available/app2.conf）如下：

server {
  listen 80;
  listen[::]:80;
  root/srv/app2/build;
  index index.html index.html;
  server_name _;

  location / {
    proxy_pass http://localhost:3001/;
    try_files $uri $uri/ =404;
  }
}

我正在使用 docker 来运行暴露端口 3001 的反应应用程序。我尝试使用 curl 来查看它是否有效。curl 命令按预期工作。

curl http://localhost:3001

但是，当我尝试在我的网络浏览器中运行时，出现以下错误：

加载资源失败：服务器响应状态为 404 (Not Found) main.8ea061ea.chunk.css

加载资源失败：服务器响应状态为 404 (Not Found) main.dcd07bc1.chunk.js

加载资源失败：服务器响应状态为 404 (Not Found) 1.a6f3a221.chunk.js

加载资源失败：服务器响应状态为 404 (Not Found) main.dcd07bc1.chunk.js

加载资源失败：服务器响应状态为 404 (Not Found) main.8ea061ea.chunk.css

似乎无法加载所有静态文件（.css 和 .js）文件。有谁知道如何解决这个问题？

标签： reactjsnginx

解决方案

请检查此https://docs.nginx.com/nginx/admin-guide/web-server/serving-static-content/

您必须根据为静态文件请求的 url 指定提供静态文件的方式。

希望能帮助到你！

推荐阅读