React应用程序的Nginx配置

Question

我正在尝试为我的反应应用程序获取一个nginx服务器。我有以下目录结构。

/node_modules
  - react
  - react-dom
  ...
/dist
  - index.html
  - bundle.js
  - styles.css

我当前的nginx配置文件如下所示：

server {
  listen 80;

  server_name localhost;

  location /node_modules {
    root /var/www/app;
  }

  location / {
    root /var/www/app/dist;
    autoindex on;

    try_files $uri /index.html =404;
  }
}

我遇到的实际问题是try_files的行为不符合我的想法。除了bundle.js和styles.css之外，每个文件都正确加载。当请求这两个文件时，nginx正在为index.html而不是它们提供服务。根据我的配置，try_files没有在/var/www/app/dist/bundle.js中找到bundle.js（我验证了文件位于正确的位置），然后使用index.html作为后备。

关于为什么会发生这种情况的任何想法？