Nginx路由和刷新导致404

Question

我已经使用 nginx 和 Elastic Beanstalk 建立了一个 Express 和 React 网站。它在浏览网站时工作正常，但如果我在主路由以外的路线上刷新，或者尝试输入主路由以外的特定路由，则会导致 404。

我找到了很多与更改 nginx.config 相关的不同解决方案，并且认为我只差一步了。这是我目前的nginx.config：

server {

      listen 80;
      server_name leaftherapyeb-env.eba-xyc63u32.eu-west-2.elasticbeanstalk.com www.leaftherapyeb-env.eba-xyc63u32.eu-west-2.elasticbeanstalk.com;
 
      root /var/www/leaftherapyeb-env.eba-xyc63u32.eu-west-2.elasticbeanstalk.com;
      index index.html;

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

我已经看到很多建议使用root /usr/share/nginx/html; 的解决方案，但是当我使用它而不是每个页面上方的根链接到 nginx index.html 时。所以我改为尝试将根目录作为域的路径，我认为我错了，但不知道如何计算路径，目前在包括主路由在内的每条路由上都会导致 500 内部错误。

任何帮助将不胜感激，谢谢。

Answer 1

我认为你的 nginx 配置有错误的语法。在下面的 nginx.conf 中， / 位置指向 /var/www/html 文件夹中的 index.html

server {

      listen 80;
      server_name leaftherapyeb-env.eba-xyc63u32.eu-west-2.elasticbeanstalk.com www.leaftherapyeb-env.eba-xyc63u32.eu-west-2.elasticbeanstalk.com;
 
      location / {
        root /var/www/html;
        index index.html
        try_files $uri $uri/ /index.html;
      }
    }

您需要手动将 client/build 文件夹的所有内容复制到 /var/www/html - 或者您可以创建一个符号链接（这在 IMO 不是最好的解决方案，但它应该可以工作）

ln -s client/build /var/www/html

如果您想使用符号链接，请确保在创建符号链接之前删除该文件夹，否则会出现错误