nginx前后端分离部署无法访问到后端接口

先看一组错误案例:

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       28088;
        server_name  172.16.130.71;

       location / {
            alias dist/;
            index index.html;
            try_files $uri $uri/ /index.html;
            
       }

        location /nari-platform {
              proxy_pass   http://172.16.130.71:8053;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
   
    }


}

发现后端接口总是访问不到,原因就是在于没有了解nginx的匹配规则

详细的匹配规则可以参考李先生的博客说明https://www.cnblogs.com/lemon-le/p/8215320.html

正确的做法是通用配置/应该放在最后

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       28088;
        server_name  172.16.130.71;

         location /nari-platform {
              proxy_pass   http://172.16.130.71:8053;
        }

       location / {
            alias dist/;
            index index.html;
            try_files $uri $uri/ /index.html;
            
       }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
   
    }


}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值