将路径应用于静态提供的内容

Question

我通过 Nginx 静态地为使用 Create-React-App 构建的 PWA 提供服务。

这是我的 Nginx 位置配置：

location / {
    root /etc/my_app/latest;
    index index.html;
    add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
    expires off;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept' always;
    allow all;
  }

所以：

• 当查询https://my_domain_name_app/它在逻辑上找到index.html文件在/etc/my_app/latest/index.html
• 当查询https://my_domain_name_app/assets/image.png它在逻辑上找到/etc/my_app/latest/assets/image.png中的image.png文件

But when my PWA's URL is, for example, https://my_domain_name_app/login , Nginx will try to find a file login in /etc/my_app/latest/ and throw a 404 error instead of accessing the /login page of my application

如何告诉 Nginx 将我的应用程序页面与我提供的文件区分开来？

Answer 1

Richard Smith 的答案是正确的，我不得不添加try_files $uri $uri/ /index.html;