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

Question

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

我的服务器配置 block (/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 来运行 React 应用程序，并暴露端口 3001。我尝试使用curl来看看它是否有效。 curl 命令按预期工作。

curl http://localhost:3001

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

Failed to load resource: the server responded with a status of 404 (Not Found) main.8ea061ea.chunk.css

Failed to load resource: the server responded with a status of 404 (Not Found) main.dcd07bc1.chunk.js

Failed to load resource: the server responded with a status of 404 (Not Found) 1.a6f3a221.chunk.js

Failed to load resource: the server responded with a status of 404 (Not Found) main.dcd07bc1.chunk.js

Failed to load resource: the server responded with a status of 404 (Not Found) main.8ea061ea.chunk.css

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

Answer 1

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

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

希望对你有帮助!