Nginx SPA 提供静态文件、代理 API 调用和重写到 /index.html

Question

所以，我想要一个 nginx.conf ......

1. 直接服务所有 /static 请求
2. 将所有 /api 请求代理到另一个本地服务器（端口 8200）
3. 为所有其他请求提供 /index.html（因此，/contact/123 将真正提供 /index.html）

这是我目前的配置...

server {
listen                      80;
server_name                 www.xyz.io;
root                        /opt/xyz/www;

location / {
    try_files $uri $uri/ @backend;
}

location @backend {
    proxy_pass http://127.0.0.1:8200;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "Upgrade";
}

}

我真的不清楚如何让所有其他请求提供 /index.html 服务。想法？

Answer 1

尝试这个：

server {

   listen                      80;
   server_name                 www.xyz.io;
   root                        /opt/xyz/www;

   # index
   index index.html;

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

   location /api {
     proxy_pass http://127.0.0.1:8200;
     proxy_http_version 1.1;
     proxy_set_header Upgrade $http_upgrade;
     proxy_set_header Connection "Upgrade";
   }

}