Nginx：从服务器上的同一目录提供所有内容（即使URL更改）

Question

我构建了一个React应用，所有文件都从Nginx服务器上的同一物理目录中提供。我使用react-router-dom浏览应用程序。首次加载应用程序时，一切正常。

我将导航到react-router-dom知道的URL（例如http://example.com/blog/posts/），但是当我尝试刷新页面时，Nginx会返回404 Not Found。我知道这是因为Nginx在服务器上寻找与/ blog / posts相匹配的子文件夹。

我不知道如何告诉Nginx提供来自浏览器路径的同一根文件夹无论如何]的所有内容。

所以无论走什么路...

/blog  
/blog/posts  
/blog/posts/1  
/contact
/summary/page/4   
....  
...所有文件都是从服务器上的同一/etc/nginx/sites-available/my.domain.com/html/index.html文件（应用程序的根页面）提供的]

当我刷新

页面时，所有这些版本都不起作用：

location / {
     alias /etc/nginx/sites-available/my.domain.com/html;
     index index.html;
 }
location / {
     root /etc/nginx/sites-available/my.domain.com/html;
     index index.html;
 }
location ~ ^/ {
     root /etc/nginx/sites-available/my.domain.com/html;
     index index.html;
 }

我构建了一个React应用，所有文件都从Nginx服务器上的同一物理目录中提供。我使用react-router-dom浏览应用程序。当我第一次加载...

Answer 1

在这里找到答案：