upstream webman {
    # Server 的 IP 及 端口
    server 127.0.0.1:8787;
}
server{
    listen 80;
    server_name 域名;
    # 配置Vue遠(yuǎn)程跨域訪問組件
    location ~ .*\.(vue)(.*){
        add_header "Access-Control-Allow-Origin" *;
        add_header "Access-Control-Allow-Methods" "GET, POST, OPTIONS, HEAD";
        add_header "Access-Control-Allow-Headers" "Authorization, Origin, X-Requested-With, Content-Type, Accept";
        if ($request_method = 'OPTIONS'){
            return 204;
        }
    }

    # 允許靜態(tài)資源轉(zhuǎn)發(fā)
    location ~ .*\.(js|css|jpg|jpeg|gif|png|ico|pdf|txt)$ {
        proxy_pass http://webman;
        error_log /dev/null;
        access_log /dev/null;
    }
    # Http
    location / {
        # 將客戶端的 Host 和 IP 信息一并轉(zhuǎn)發(fā)到對應(yīng)節(jié)點
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        # 轉(zhuǎn)發(fā)Cookie，設(shè)置 SameSite
        proxy_cookie_path / "/; secure; HttpOnly; SameSite=strict";

        # 執(zhí)行代理訪問真實服務(wù)器
        proxy_pass http://webman;
    }

}

引用：https://www.cnblogs.com/agressor/p/16748309.html

另附官方的方法：

upstream webman {
    server 127.0.0.1:8787;
    keepalive 10240;
}

server {
  server_name 站點域名;
  listen 80;
  access_log off;
  root /your/webman/public;

  location ^~ / {
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header Host $host;
      proxy_set_header X-Forwarded-Proto $scheme;
      proxy_http_version 1.1;
      proxy_set_header Connection "";
      if (!-f $request_filename){
          proxy_pass http://webman;
      }
  }
}

引用：https://www.workerman.net/doc/webman/others/nginx-proxy.html