nginx如何配置才可以让同一域名不同端口的前后端进行交互。

Question

现在我的项目的前端是react，后端是ssm，前端在localhost：3000 ，后端在localhost：8080，
也就是localhost：3000的请求如何转到localhost：8080，
如何正确设置nginx的location
以下是我的location配置：

   server { 
   listen 80; 
   
   server_name  localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   html;
        index  index.html index.htm;  
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    location ~ \.json$ {
        proxy_pass http://localhost:8080;
    }

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

请求大神详细解答，比较急!!

Answer 1

api为你的请求固定前缀，自行更换

location /api {
  proxy_pass  http://localhost:8080/api;
}

具体可参考 https://www.thinktxt.com/ngin...

Answer 2

设置反向代理