Nginx反向代理web程序解决谷歌跨越问题配置详解 #yyds干货盘点#

Posted 江晓龙的技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nginx反向代理web程序解决谷歌跨越问题配置详解 #yyds干货盘点#相关的知识,希望对你有一定的参考价值。

nginx代理

1.Nginx代理概念

  • 上图描述了几种私网访问公网的方式,下面来解释一下

    • 路由转发:源ip和目标ip都不会改变只改变mac地址,只能在私网使用
    • 客户端10.0.0.1要访问web服务器172.16.1.7,也就是客户端直接通过路由去访问web服务器,首先请求的源ip是10.0.0.1目标ip是172.16.1.7,源mac是pc目标mac是web,当源ip到达路由器时查询路由表,在转发到web服务器。这时源ip和目标ip不会改变,但是源mac地址会换成路由器的mac地址,最终访问到web服务器,web服务器记录的访问ip依旧是客户端的源ip
    • 代理:源ip和目标ip发生改变,mac地址不会改变
    • 这次客户端不会直接去访问web服务器,因为私网和公网是不通的,这时客户端源ip10.0.0.1就会去访问代理的服务器10.0.0.5,代理服务器收到请求后会代替客户端去访问web服务器,这时源ip、目标ip就发生了改变,源ip172.16.1.5目标ip172.16.1.7,最后再把页面返回给客户端,web服务器记录的ip就会是代理服务器的ip,有效的保护了源ip
    • nat和vpn实现原理和代理几乎一致,只不过vpn是加密访问,建立一个vpn通道
    • nat会将ip头部中的私网ip换成公网ip,消耗资源较大
    • vpn可以实现两个不同局域网通信,实现私网到私网之间的通讯首先是封装两个地区的公网ip,到达网关后会把vpn头部去掉,ip头部记录着两个私网的ip地址,就像是在同一局域网在通讯
  • 代理的实现方式

    • 正向代理,帮客户端连接web服务器
    • 私网到公网
    • 内部上网 客户端<--->代理--->服务端
    • 反向代理,将web服务器资源提供给客户端
    • 公网到私网
    • 反向代理 客户端--->代理<--->服务端
    • 反向代理用的非常多,他可以非常有效的保护后台服务器还能提供一个缓存服务,当客户端通过公网来访问服务器,其实访问的是代理服务器,再由代理服务器转发到web服务器
  • 正向代理与反向代理的区别

    • 代理的对象不同
    • 正向代理代理的是客户端
    • 反向代理代理的是服务端

2.Nginx反向代理配置

2.1.Nginx代理配置语法

2.2.url跳转修改返回location

  • 功能:修改web服务器返回的响应头中的location头域跟refresh头域数值

  • https://blog.csdn.net/weixin_44953658/article/details/105494108

  • url跳转配置

    • 语法格式:proxy_redirect [default|off; redirect replacement]
    • 默认配置:proxy_redirect default;
    • 配置区域:http,server,location
  • 具体配置

    proxy_redirect http://192.168.1.154:8080/wuman/  http://www.boke.com/wuman/;

2.3.发送后端服务器的请求头信息

  • 功能:假如被代理的web服务器上有多个虚拟主机站点,不定义请求头信息的话无法转发到对应的服务器上,配置了请求头信息,nginx会根据HOST值去找对应的站点信息

2.3.1.请求头配置

  • 语法格式:proxy_set_header field value;

  • 默认配置:proxy_set_header HOST $proxy_host;

    ​ proxy_set_header Connection close;

  • 配置区域:http,server,location

  • 如果web服务器设置了多个虚拟主机,那么这一项必须配置,如果不配置,只显示配置文件目录中最靠前的站点,字母a-z排序

  • 用户请求的时候HOST的值是know.com也就是url中输入的内容,那么代理服务器会向后端传递的请求就会是know.com

    proxy_set_header HOST $http_host;

2.3.2获取客户端源ip

  • 将$remote_addr的值放进变量X-Real-IP中,$remote_addr的值为客户端的ip,从而记录客户端的访问ip

    proxy_set_header X-Real-IP $remote_addr;
  • 客户单通过代理访问后端服务,后端服务通过该变量来记录真实客户端地址,也就是说如果不加如下配置则nginx服务器记录的是代理服务器的ip而不是客户端的ip

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

2.4.代理到后端的超时时间

  • TCP连接、响应、返回等超时时间

2.4.1.tcp连接超时时间配置

  • Nginx代理与后端服务器连接超时时间

  • 在指定时间内如果无法与后端服务器建立tcp连接则断开

  • 超时时间配置

    • 语法格式:proxy_connect_timeout time;
    • 默认配置:proxy_connect_timeout 60s;
    • 配置区域:http、server、location
    proxy_connect_timeout 60s;

2.4.2.响应时间配置

  • Nginx代理等待后端服务器的响应时间

  • 与后端服务器建立了tcp连接,但在指定时间内后端服务器没有响应对应的页面信息则断开

  • 响应时间配置

    • 语法格式:proxy_read_timeout time;
    • 默认配置:proxy_read_timeout 60s;
    • 配置区域:http、server、location
    proxy_read_timeout 60s;

2.4.3.数据回传超时

  • 后端服务器数据回传给nginx代理超时时间

  • 与后端tcp连接建立成功、响应成功、在指定时间内没有显示内容则断开

  • 回传时间配置

    • 语法格式:proxy_send_timeout time;
    • 默认配置:proxy_send_timeout 60s;
    • 配置区域:http、server、location
    proxy_send_timeout 60s;

2.5.代理缓冲区

2.5.1.开启缓冲区

  • nginx会把后端返回的内容先放到缓冲区,然后再返回给客户端,边收边传,不是全部接收完在传给客户端,而缓存会全部接受完在传给客户端

  • 代理缓存区配置

    • 语法格式:proxy_buffering on | off;
    • 默认配置:proxy_buffering on;
    • 配置区域:http、server、location
    proxy_buffering on;

2.5.2.配置缓冲区大小

  • 设置nginx代理保存用户头信息的缓冲区大小

  • 也就是存放缓冲信息目录的大小

  • 配置缓冲区大小

    • 语法格式:proxy_buffing_size size;
    • 默认配置:proxy_buffer_size 4k|8k;
    • 配置区域:http、server、location
    proxy_buffer_size 128k;

2.5.3.配置缓冲文件大小

  • 设置缓冲区文件数量以及大小

  • 配置缓冲文件大小

    • 语法格式:proxy_buffers number size;
    • 默认配置:proxy_buffers 8 4k|8k 8表示文件的数量 4k表示文件的大小
    • 配置区域:http、server、location
    proxy_buffers 4 128;

2.6.常用代理优化配置

  • 可以把常用的代理配置写到单独的文件中,在使用include调用,显得文件不是特别乱,但是个人习惯还是写出来,增加熟练度

    vim /etc/nginx/proxy_params
    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;
    
    proxy_connect_timeout 30;
    proxy_read_timeout 60;
    proxy_send_timeout 60;
    
    proxy_buffering on;
    proxy_buffer_size 32k;
    proxy_buffers 4 128k;
  • 生产环境反向代理常用配置

    client_max_body_size 200m;
    proxy_redirect off;
    proxy_set_headed Host $host:80;
    proxy_set_headed X-Real-IP $remote_addr;
    proxy_set_headed X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_connect_timeout 30;
    proxy_send_timeout 30;
    proxy_read_timeout 60;
    proxy_buffer_size 256k;
    proxy_buffers 4 256k;
    proxy_busy_buffers_size 256k;
    proxy_next_upstream error timeout invalid_header http_500 http_404;
    proxy_max_temp_file_size 128m;
    proxy_pass http://;

3.Nginx反向代理配置实例

  • 架构图

角色 外网IP 内网IP 网卡类型
proxy eth0:192.168.81.210 ens33:172.16.1.100 vm8、vm1
web eth0:192.168.81.220 ens33:172.16.1.200 vm1
客户端 192.168.81.1 无内网ip vm8
  • 代理服务器两块网卡,vm8:192.168.81.210表示外网地址与客户端连接,vm1:172.16.1.100表示内网地址与web进行连接

  • web服务器二块网卡,vm1:172.16.1.200与代理互连,vm8与客户端相连,主要是为了xshell连接

  • Nginx如果只想让某一网段来访问此服务器,可以在listen后面写上监听的ip,类似基于ip的访问,设置完后只有这个网段的主机可以访问

  • 注意:一定要将客户端的vm1网卡关掉,否则在日志中查看时都是172网段(因为vm1与web在同一网段),一定要让客户端ping不同172网段的主机,如果不把vm1网卡关掉,那么listen只设置172.16.1.200,客户端访问172.16.1.200也是可以访问到的,因为是同一网段

  • 效果关掉vm1,可以达到效果

    • 可以用192.168.81.220来得到页面内容

3.2.安装Nginx

[root@localhost ~]# cat /etc/yum.repos.d/nginx.repo 
[nginx]
name=nginx
baseurl=http://nginx.org/packages/centos/7/$basearch
enabled=1
gpgcheck=0

[root@localhost ~]# yum -y install nginx

3.2.配置web后端服务器

[root@localhost conf.d]# vim www_know.conf 
#www.know.com
server 
        listen 172.16.1.200:80;
        server_name www.know.com;
        access_log /nginx_log/www_know_access.log main;

        location / 
                root /web/know;
                index index.html;
                #allow 172.16.1.100;
                #deny all;
        

        location /download 
                autoindex on;
                autoindex_exact_size on;
                autoindex_localtime on;
                auth_basic "后端文件系统";
                auth_basic_user_file /etc/nginx/.auth_passwd;
        


仅允许代理服务器172.16.1.网段可以访问,如果开放allow、deny表示只有172.16.1.100可以访问

listen这块如果要修改请用restart进行重启,否则不生效

重启服务:
[root@localhost conf.d]# systemctl restart nginx
  • 做完这步操作后,除了172.16.1.网段的能访问,其余都不能访问

3.3.配置代理服务器

[root@localhost conf.d]# vim www_know_proxy.conf
server 
        listen 80;
        server_name www.know.com;

        location / 
                proxy_pass http://172.16.1.200:80;
        


重载nginx
[root@localhost conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@localhost conf.d]# systemctl reload nginx

配置客户端hosts文件,要写代理服务器的外网ip
192.168.81.210 www.know.com
  • 只配置proxy_pass即可看到页面
  • 日志输出
代理服务器
192.168.81.1 - - [14/Apr/2020:18:01:45 +0800] "GET /images/b.jpg HTTP/1.1" 404 555 "http://www.know.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36"

web服务器
172.16.1.100 - - [14/Apr/2020:18:01:45 +0800] "GET /images/b.jpg HTTP/1.0" 404 555 "http://www.know.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36" "-"

3.4.优化代理服务器

  • 配置web服务器日志记录客户端的真实ip
注意:首先在nginx.conf配置文件中定义的日志格式加上$http_x_forwarded_for
server 
        listen 80;
        server_name www.know.com;

        location / 
                proxy_pass http://172.16.1.200:80;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        


日志输出
代理服务器没啥变化
192.168.81.1 - - [14/Apr/2020:18:21:14 +0800] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36"

web服务器在最后一列加入了客户端源ip
172.16.1.100 - - [14/Apr/2020:18:23:37 +0800] "GET / HTTP/1.0" 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36" "192.168.81.1"

3.5.web服务器修改端口

  • 只需要改proxy_pass的端口即可
web服务器配置
[root@localhost conf.d]# vim www_know.conf
server 
        listen 172.16.1.200:8080;
        server_name www.know.com;
        access_log /nginx_log/www_know_access.log main;

        location / 
                root /web/know;
                index index.html;
                #allow 172.16.1.100;
                #deny all;
        

[root@localhost conf.d]# systemctl restart nginx

代理服务器配置
[root@localhost conf.d]# vim www_know_proxy.conf
server 
        listen 80;
        server_name www.know.com;

        location / 
                proxy_pass http://172.16.1.200:8080;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        

4.多站点代理配置

4.1.web服务器配置

配置know.com
[root@localhost conf.d]# vim www_know.conf
server 
    listen 172.16.1.200:80;
    server_name www.know.com;
    access_log /nginx_log/www_know_access.log main;

    location / 
        root /web/know;
        index index.html;
        #allow 172.16.1.100;
        #deny all;
    


配置WordPress
[root@localhost conf.d]# vim wordpress.conf
server 
    listen 172.16.1.200:80;
    server_name jiang.wordpress.com;
    root /web/wordpress;
    index index.php index.html;
    access_log /nginx_log/jiang_wordpress_access.log main;

    location ~ \\.php$ 
        root /web/wordpress;
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    


重载nginx
[root@localhost conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@localhost conf.d]# systemctl reload nginx 

4.2.代理服务器配置

  • 多个站点的代理配置,一定要配置proxy_set_header HOST $http_host请求头,否则只会显示配置文件目录按字母排序最靠前的站点,例如有一个a.conf、b.conf如果么有设置请求头,那么默认就一直转发到a.conf的站点,所有站点代理配置文件都需要增加请求头配置
配置know站点代理
[root@localhost conf.d]# vim www_know_proxy.conf
server 
        listen 80;
        server_name www.know.com;
        access_log /nginx_log/www_know_proxy.log main;

        location / 
                proxy_pass http://172.16.1.200:80;
        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;
        


配置WordPress站点代理
[root@localhost conf.d]# vim jiang_wordpress_proxt.conf 
#jiang.wordpresscom
server 
    listen 80;
    server_name jiang.wordpress.com;
    access_log /nginx_log/jiang_wordpress_proxy.log main;

    location / 
        proxy_pass http://172.16.1.200:80;
        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;
        proxy_connect_timeout 30;
        proxy_read_timeout 60;
        proxy_send_timeout 60;
        proxy_buffering on;
        proxy_buffer_size 128k;
        proxy_buffers 4 128k;
    


重启nginx服务
[root@localhost conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@localhost conf.d]# systemctl restart nginx

4.3.效果

  • www.know.com站点

  • jiang.wordpress.com站点

  • 日志输出
想要看到效果可以在日志格式中加上$http_host
代理端
[root@localhost conf.d]# vim /etc/nginx/nginx.conf
log_format  main  $remote_addr - $http_host - $remote_user [$time_local] $http_host $msec  "$request" $request_time 
                      $status $body_bytes_sent "$http_referer" 
                      "$http_user_agent" "$http_x_forwarded_for";
日志输出
www.know.com
192.168.81.1 - www.know.com - admin [14/Apr/2020:22:24:15 +0800] www.know.com 1586874255.239  "GET / HTTP/1.1" 0.002 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36" "-"

jiang.wordpress.com
192.168.81.1 - jiang.wordpress.com - - [14/Apr/2020:22:25:25 +0800] jiang.wordpress.com 1586874325.404  "GET / HTTP/1.1" 3.007 200 18460 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36" "-"

web端
[root@localhost conf.d]# vim /etc/nginx/nginx.conf
log_format  main  $remote_addr - $http_host - $remote_user [$time_local] "$request" 
                      $status $body_bytes_sent "$http_referer" 
                      "$http_user_agent" "$http_x_forwarded_for";
日志输出
www.know.com
172.16.1.100 - www.know.com - admin [14/Apr/2020:22:27:08 +0800] "GET / HTTP/1.0" 304 0 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36" "192.168.81.1"

jiang.wordpress.com
172.16.1.100 - jiang.wordpress.com - - [14/Apr/2020:22:27:46 +0800] "GET / HTTP/1.0" 200 18447 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36" "192.168.81.1"

5.常用组合配置

通常将常用的代理参数写到一个指定文件,然后用到时用include调用
[root@localhost nginx]# vim proxy_params
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;
proxy_connect_timeout 30;
proxy_send_timeout 60;
proxy_read_timeout 60;
proxy_buffering on;
proxy_buffer_size 128k;
proxy_buffers 4 128k;

[root@localhost nginx]# vim conf.d/www_know_proxy.conf 
server 
        listen 80;
        server_name www.know.com;
        access_log /nginx_log/www_know_proxy.log main;

        location / 
                include proxy_params;           //确保proxy_params位于conf.d上级目录,否则建议使用绝对路径include /etc/nginx/proxy_params
        

6.故障排查

6.1.代理访问不到web页面

1.检查web服务器是否能提供服务

  • 检查配置文件

    server 
    listen 80;
    server_name www.know.com;
    
    location / 
        root /web/know;
        index index.html;
    
    
  • 根据日志判断错误类型

  • 检查网站目录、索引是否存在以及目录的属主

  • 检查nginx服务是否启动

2.检查代理服务器配置

  • 检查配置文件

    server 
    listen 80;
    server_name www.know.com;
    
    location / 
        proxy_pass http://172.16.1.200:80;
        include /etc/nginx/proxy_params;
    
    
  • 检查dns解析

    • 要求所有web站点的域名解析为代理服务器的ip,也就是写A记录是域名要对应的IP必须是代理服务器的ip

6.2.无法正确代理

  • 代理配置无误,web服务器配置无误,就是代理不到

  • 解决办法:在web服务器也配置请求头,成功后在删掉

    server 
    listen 80;
    server_name www.know.com;
    
    location / 
        root /web/know;
        index index.html;
        include proxy_params;
    
    

7.总结

代理的80端口可以对应多个后端的80端口

前端的80端口可以对应不同的后端端口

以上是关于Nginx反向代理web程序解决谷歌跨越问题配置详解 #yyds干货盘点#的主要内容,如果未能解决你的问题,请参考以下文章

nginx反向代理tomcat

宝塔配置vue反向代理Nginx解决

nginx配置反向代理解决vue跨域问题

WEB服务-Nginx之7-反向代理

nginx用户请求反向代理流程

宝塔面板Nginx反向代理解决跨域问题