【前端词典】代理的概念及其应用

前言

在平时的工做中，老是会遇到代理的概念。以前我只知道有代理这个概念，不过对其没有一个清晰的理解。因而带着如下两个问题开始学习正向代理以及反向代理。

• 什么是正向代理，什么是反向代理
• 正向代理能够作什么，反向代理能够作什么

概念

首先附上一张说明图，先有一个总体的理解。

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

反向代理（ Reverse Proxy ）：是指以代理服务器来接受 Internet 上的链接请求，而后将请求转发给内部网络上的服务器，并将从服务器上获得的结果返回给 Internet 上请求链接的客户端，此时代理服务器对外就表现为一个反向代理服务器。

特色

正向代理

1. 代理客户;
2. 隐藏真实的客户，为客户端收发请求，使真实客户端对服务器不可见;
3. 一个局域网内的全部用户可能被一台服务器作了正向代理，由该台服务器负责 HTTP 请求;
4. 意味着同服务器作通讯的是正向代理服务器;

反向代理

1. 代理服务器;
2. 隐藏了真实的服务器，为服务器收发请求，使真实服务器对客户端不可见;
3. 负载均衡服务器，将用户的请求分发到空闲的服务器上;
4. 意味着用户和负载均衡服务器直接通讯，即用户解析服务器域名时获得的是负载均衡服务器的 IP ;

共同点

1. 都是作为服务器和客户端的中间层
2. 均可以增强内网的安全性，阻止 web 攻击
3. 均可以作缓存机制

实际应用

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 中就可使用 proxyTable 这个属性进行相关的配置来解决跨域问题带来的烦恼。配置以下：

...
proxyTable: {
    '/weixin': {
        target: 'http://192.168.48.11:8100/', // 接口的域名 
        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 参数来控制。

以上。

前端词典系列

本文是《前端词典》系列的第一篇文章，这个系列会持续更新，每一期我都会讲一个出现频率较高的知识点。但愿你们在阅读的过程中能够斧正文中出现不严谨或是错误的地方，本人将不胜感激；若经过本系列而有所得，本人亦将不胜欣喜。

内容: 前端以及网络相关知识点的介绍并加以实际应用做为辅助。

目的: 这个系列的文章能够对读者起到一点帮助，解开一些迷惑。

但愿各位多指点一二，不吝赐教。

传送门

1. 【前端词典】代理的概念及其应用
2. 【前端词典】滚动穿透问题的解决方案