Nginx的反向代理（超详细）

正向代理与反向代理概念

1.概念：

• 反向代理服务器位于用户与目标服务器之间，但对用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时，用户不需要知道目标服务器的地址，也无须在用户端作任何设定。

2.作用：

• 反向代理服务器通常可用来作为Web加速，即使用反向代理作为Web服务器的前置机来降低网络和服务器的负载，提高访问效率。

3.特点：

• 反向代理服务器是位于用户和目标服务器之间的。
• 用户以为反射代理服务器就是真实服务器。用户不知道真实的服务器到底是谁。
• 反向代理服务器保护服务端信息，称之为服务器端代理。

（二）正向代理

1.概念：

• 正向代理，一个位于客户端和原始服务器之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标（原始服务器），然后代理向原始服务器转交请求并将获取的内容返回客户端。客户端才能使用正向代理。

2.特点：

• 正向代理服务器是位于用户与服务器之间。
• 用户请求时，非常明确目标服务器到底是谁，服务器不清楚到底是谁访问，以为是代理服务器直接发起的请求。
• 正向代理服务器保护了用户的信息，所以称之为客户端代理。

（三）代理总结

1.反向代理：是服务器端代理，只要用户访问服务器，都是反向代理，实现业务调用。

2.正向代理：是客户端代理，只要用户上网就使用正向代理，实现网络通信。

3.整个上网过程都是先正向后反向代理。

Nginx部署

这一篇是nginx在Linux中实现的反向代理，首先在Linux中下载好nginx是前提在官网下载，可以直接下载tar.gz后缀的直接拖到Linux中解压就可以使用了，这里建议可以建一个文件夹进行存放，但是注意（不要叫nginx）可以取名Nginx，因为在解压之后会生成一个nginx的文件夹，这样就会产生冲突

cd到你存放压缩包的文件夹路径，tar -zxvf 压缩包前几个字母然后tab键补齐，对压缩包进行解压（这里要解压的是你自己压缩包的名字）

配置编译nginx

配置编译方法：进入压缩好的文件夹，输入./configure

make

make install

找到nginx目录下的sbin

./nginx

nginx是需要开放80端口的，这里如果是关闭防火墙的就无所谓，如果是打开防火墙的状态，就需要开放80端口

firewall-cmd --zone=public --add-port=80/tcp --permanent

然后重启刷新一下防火墙

firewall-cmd --reload

如果用的是阿里云或者腾讯云的这里需要去控制台的安全组开放80端口，然后是让主机可以连接0.0.0.0。这样基本工作就算完成了。

在这里可以试验一下是否成功，启动nginx

start nginx 

然后在主机直接搜索localhost:80就可以了如果没问题就会出现欢迎界面。

接着就是前后端的打包，这里我就用我部署的项目过程说一下

前端打包

在vue的文件夹下的bin中可以找到build.bat进行文件打包，输出文件夹dist，在Linux中mkdir -p /usr/local/poject 新建文件夹存放项目，把dist拖拽进去

这里就会生成一个文件dist把这个放到建好的poject里面也可以使用命令打包，都是一样的

后端打包

打包springboot 打开ruoyi（root）下面的Lifecycle 双击install 然后去ruoyi-admin Lifecycle双击clean清理缓存然后双击package进行打包 生成ruoyi-admin.jar很简单的步骤但是需要注意的就是可能需要清理一下换缓存要不然可能不成功，这里需要注意一下的是在启动之前需要把连接的redis和mysql的地址都换成云服务器或者虚拟机的地址。还有里面的登录密码需要更换的都更换。前后端的端口号在我这里是不一样的（因为我第一次弄的时候端口号一样说我的端口冲突）

直接把这个文件也是拖到poject文件夹下面

前后端在nginx下的部署

cd到nginx文件加下面的conf cd /usr/local/nginx/conf这里是我的地址

打开需要配置的文件 vi nginx.conf

#user  root;
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;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;
    proxy_connect_timeout 300;
    proxy_send_timeout 300;
    proxy_read_timeout 300;

    #gzip  on;

    server {
        listen       80;
        server_name  //输入自己云服务器或者虚拟机的地址;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /usr/local/project/dist;//这里是需要找到你存放dist的地址
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; 
        }

        location ~* \.(jpg|jpeg|png|gif|css|js|ico)$ {
            root   /usr/local/project/dist;  # Vue 项目打包后的 dist 目录路径
            expires 30d;
        }  

        #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 ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # 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;
        #}
        location /prod-api/ {
            proxy_pass http://输入自己云服务器或者虚拟机的地址:你的端口号/;  
            # 替换成服务器IP地址：后端应用的端口
            # 设置请求头，以保留访问客户端的真实IP地址
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header remote-host $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            add_header 'access-control-allow-origin' '*';
            add_header 'access-control-allow-credentials' 'true';
            add_header 'access-control-allow-methods' '*';
        }
    }

    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

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

    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

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

}

更改之后退出，之后让其重启

nginx -s stop

nginx -s start

就基本上完成了，最后要全部注意你的端口防火墙是否都已经全部打开，控制台中的安全组端口是否已经开放，然后就可以直接在本机输入你的云服务器地址或者虚拟机的地址就可以打开啦！