为我的 VueJS 和 Flask 应用整合 NGINX 配置

Question

我正在部署我的 VueJS 和 Flask 应用程序。看了几个教程后，我来到了下面的 NginX 配置。它有效，但它越来越长。有没有办法可以将位置端点合并到类似此位置/* 的位置？

我试过了 - location /*, location *.

server {
  listen $PORT;

  root /usr/share/nginx/html;
  index index.html index.html;

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

  location /ping {
    proxy_pass          http://127.0.0.1:5000;
    proxy_http_version  1.1;
    proxy_redirect      default;
    proxy_set_header    Upgrade $http_upgrade;
    proxy_set_header    Connection "upgrade";
    proxy_set_header    Host $host;
    proxy_set_header    X-Real-IP $remote_addr;
    proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Host $server_name;
  }

  location /query_usdot {
    proxy_pass          http://127.0.0.1:5000;
    proxy_http_version  1.1;
    proxy_redirect      default;
    proxy_set_header    Upgrade $http_upgrade;
    proxy_set_header    Connection "upgrade";
    proxy_set_header    Host $host;
    proxy_set_header    X-Real-IP $remote_addr;
    proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Host $server_name;
  }

    location /subscribe {
    proxy_pass          http://127.0.0.1:5000;
    proxy_http_version  1.1;
    proxy_redirect      default;
    proxy_set_header    Upgrade $http_upgrade;
    proxy_set_header    Connection "upgrade";
    proxy_set_header    Host $host;
    proxy_set_header    X-Real-IP $remote_addr;
    proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Host $server_name;
  }

Answer 1

作为 nginx 文档 states:

location can either be defined by a prefix string, or by a regular expression.

要加入这三个位置块，您可以使用此正则表达式：

location ~ ^/(?:ping|query_usdot|subscribe) {
   ...
}

为我的 VueJS 和 Flask 应用整合 NGINX 配置

Consolidate NGINX config for my VueJS and Flask App

nginx

server

nginx-reverse-proxy

nginx-config