nginx 反向代理设置无效

Question

vue项目build打包后。后台所有接口404。需要设置nginx反向代理。nginx.conf配置文件设置后无效。下面是配置

 server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  当前服务器ip:80;
        root         /mnt/web/prod/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location /api {
                proxy_set_header   Host             $host;
                proxy_set_header   x-forwarded-for  $remote_addr;
                proxy_set_header   X-Real-IP        $remote_addr;
                proxy_pass http://当前服务器ip:3000;
        }

大神们能帮看下啥原因吗？后台小白。。。。谢谢

Answer 1

proxy_pass http://当前服务器ip:3000;

这里一般来说都是 http://127.0.0.1:3000 吧。

设置之后是需要重启的，nginx -s reload

Answer 2

        location /api {
                proxy_set_header   Host             $host;
                proxy_set_header   x-forwarded-for  $remote_addr;
                proxy_set_header   X-Real-IP        $remote_addr;
                proxy_pass http://当前服务器ip:3000;
        }

建议这个写到具体的站点配置那边。写在这边很容易造成冲突。
要写在这边的话，建议加在 include 前面