首先看看说明图,先有一个总体的理解。html
是指是一个位于客户端和原始服务器之间的服务器,为了从原始服务器取得内容, 客户端向代理发送一个请求并指定目标(原始服务器),而后代理向原始服务器转交请求并将得到的内容返回给客户端。客户端才能使用正向代理。vue
是指以代理服务器来接受 Internet 上的链接请求,而后将请求转发给内部网络上的服务器,并将从服务器上获得的结果返回给 Internet 上请求链接的客户端,此时代理服务器对外就表现为一个反向代理服务器。web
接下来我提炼一下各自的特色。vue-cli
说了这么多,如今说说代理在工做中的时机应用场景吧。api
咱们知道在国内用访问 www.google.com
是没法访问的,由于正常状况下是会被 GFW 限制访问的。跨域
但是你仍是想使用 google 的话,这个时候咱们就须要一些代理(FQ软件)来帮咱们去请求 www.google.com
,代理再把响应结果返回给你。缓存
GFW 的做用主要是用于分析和过滤中国境内外网络间的互相访问。也就是说,他不只能限制国内网民访问境外的某些站点,也能限制国外用户访问国内的站点。 咱们一般说的“被墙”,就是指访问被 GFW 所限制。而”FQ“,顾名思义,则是突破 GFW 的限制。安全
Nginx 服务器的功能有不少,诸如反向代理、负载均衡、静态资源服务器等。bash
客户端原本能够直接经过 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
参数来控制。