代理

正向代理：

• 代理客户。

• 隐藏真实的客户，为客户端收发请求，使真实客户端对服务器不可见。

• 一个局域网内的所有用户可能被一台服务器做了正向代理，由该台服务器负责 HTTP 请求。

• 意味着同服务器做通信的是正向代理服务器。

反向代理：

• 代理服务器。

• 隐藏了真实的服务器，为服务器收发请求，使真实服务器对客户端不可见。

• 负载均衡服务器，将用户的请求分发到空闲的服务器上。

• 意味着用户和负载均衡服务器直接通信，即用户解析服务器域名时得到的是负载均衡服务器的 IP

共同点：

• 都是做为服务器和客户端的中间层。

• 都可以加强内网的安全性，阻止 Web 攻击。

• 都可以做缓存机制，提高访问速度。

 

区别：

• 正向代理其实是客户端的代理，反向代理则是服务器的代理。

• 正向代理中，服务器并不知道真正的客户端到底是谁；而在反向代理中，客户端也不知道真正的服务器是谁。

• 作用不同。正向代理主要是用来解决访问限制问题；而反向代理则是提供负载均衡、安全防护等作用。

 

Nginx 服务器：反向代理

 

Nginx 服务器的功能有很多，诸如反向代理、负载均衡、静态资源服务器等。

 

客户端本来可以直接通过 HTTP 协议访问服务器，不过我们可以在中间加上一个 Nginx 服务器，客户端请求 Nginx 服务器，Nginx 服务器请求应用服务器，然后将结果返回给客户端，此时 Nginx 服务器就是反向代理服务器。

 

在虚拟主机的配置中配置反向代理：

# 虚拟主机的配置
server {
    listen 8080;                         # 监听的端口
    server_name  192.168.1.1;            # 配置访问域名
    root  /data/toor;                    # 站点根目录
    error_page 502 404 /page/404.html;   # 错误页面
    location ^~ /api/  {                        # 使用 /api/ 代理 proxy_pass 的值
        proxy_pass http://192.168.20.1:8080;    # 被代理的应用服务器 HTTP 地址
    }
}

 

以上简单的配置就可以实现反向代理的功能。当然反向代理也可以处理跨域问题。

 

对于使用 vue-cli 搭建的工程而言，我们知道 vue-cli 采用 http-proxy-middleware 插件来进行代理服务器等各项配置。

 

所以我们可以利用 proxyTable，设置地址映射表。即使用 proxyTable 这个属性进行相关的配置来解决跨域问题带来的烦恼。

 

配置如下：

proxyTable: {
    '/weixin': {
        target: 'http://192.168.20.1:8080/', // 接口的域名
        secure: false,      // 如果是 https 接口，需要配置这个参数
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        pathRewrite: {
            '^/weixin': ''
        }
    }
}

 

负载均衡的配置：

# upstream 表示负载服务器池，定义名字为 my
upstream my {
    server 192.168.2.1:8080 weight=1 max_fails=2 fail_timeout=30s;
    server 192.168.2.2:8080 weight=1 max_fails=2 fail_timeout=30s;
    server 192.168.2.3:8080 weight=1 max_fails=2 fail_timeout=30s;
    server 192.168.2.4:8080 weight=1 max_fails=2 fail_timeout=30s;
   # 即在 30s 内尝试 2 次失败即认为主机不可用
  }

 

负载均衡即将 请求/数据 轮询分摊到多个服务器上执行，负载均衡的关键在于均匀。

 

也可以通过 ip-hash 的方式，根据客户端 IP 地址的 Hash 值将请求分配给固定的某一个服务器处理。

 

另外，服务器的硬件配置可能不同，配置好的服务器可以处理更多的请求，这时可以通过 weight 参数来控制。