前后端分离,使用nginx反向代理

反向代理核心配置,查看 location属性

/webapp-angular 意思是所有以webapp-angular开头的请求全部转发到http://127.0.0.1:8080; 这台服务器,也可使用正则匹配。

例如:前端请求 http://58.0.0.0:17080/webapp-angular/menus/0 会被nginx代理并转发到http://127.0.0.1:8080/webapp-angular/menus/0

http://58.0.0.0:17080 为外网服务器,所有网络可以直接连接,不太安全
http://127.0.0.1:8080 为内网服务器,只有内网可以直接连接

使用nginx反向代理的一个优点就是,更安全。将后端代码逻辑放到内网服务器,且外网不可直接连接,只能通过nginx这台服务器做一个中间桥梁,和外网建立连接。

server {
        listen       9099;
        server_name  172.24.17.253;
        location / {
            root   D:/angular-demo/target/dist;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        location /webapp-angular {
            proxy_pass   http://127.0.0.1:8080;
        }                

    }

你可能感兴趣的:(前后端分离,使用nginx反向代理)