当然我们还可以通过状态码来过滤请求就像这样
# 通过状态码，返回指定的错误页面 error_page 500 502 503 504 /50x.html; location = /50x.html { root /source/error_page; }
反向代理解决跨域
因为浏览器的同源策略，当前端域名与后端域名不一致的时候导致请求失败。我们可以通过配置Nginx反向代理来解决。
location /api { # 请求host传给后端 proxy_set_header Host $http_host; # 请求ip 传给后端 proxy_set_header X-Real-IP $remote_addr; # 请求协议传给后端 proxy_set_header X-Scheme $scheme; # 路径重写 rewrite /api/(.*) /$1 break; # 代理服务器 proxy_pass http://localhost:9000; }
- 拦截路径
/api, 可以通过正则匹配。
proxy_set_header允许重新定义或添加字段传递给代理服务器的请求头。
$http_host、$remote_addr、$scheme为Nginx内置变量。
rewrite根据rewrite后的请求URI，将路径重写，如：接口路径为/user, 我们可以请求/api/user。（为什么需要重写uri？因为在使用Nginx做反向代理的时候，需要匹配到跨域的接口再做转发，为了方便匹配，会人为的在原接口中添加一段路径（或标示， 如例子中的api），因此需要在匹配之后、转发之前把添加的那段去掉，因此需要rewrite。）
break继续本次请求后面的处理 ,停止匹配下面的location。需要注意的是与之类似的last执行过程则是停止当前这个请求，并根据rewrite匹配的规则重新发起一个请求，从上到下依次匹配location后面的规则。
proxy_pass代理服务器。
原理：Nginx拦截到相关匹配规则, Nginx再将请求转发到
http://localhost:9000，Nginx得到请求后再响应到前端，可以直接请求/api/user完成请求。
配置Gzip
开发过程中难免用到一些成熟的框架，或者插件，这些外部的依赖，有时候体积比较大，导致页面响应缓慢，我们可以用打包工具(webpack, rollup)，将代码进行压缩，以缩小代码体积。 开启Nginx Gzip压缩功能。需要注意的是 Gzip 压缩功能需要浏览器跟服务器都支持，即服务器压缩，浏览器解析。
- 查看浏览器支持情况，确定 请求头 中的
Accept-Encoding字段
- 确定浏览器支持，我们就可以在Nginx中配置
server { # 开启gzip 压缩 gzip on; # 设置gzip所需的http协议最低版本 （HTTP/1.1, HTTP/1.0） gzip_http_version 1.1; # 设置压缩级别，压缩级别越高压缩时间越长 （1-9） gzip_comp_level 4; # 设置压缩的最小字节数， 页面Content-Length获取 gzip_min_length 1000; # 设置压缩文件的类型 （text/html) gzip_types text/plain application/javascript text/css; }
- 查看配置是否生效，查看 响应头 中的
Content-Encoding字段，值为gzip
负载均衡
负载均衡是Nginx 比较常用的一个功能，可优化资源利用率，最大化吞吐量，减少延迟，确保容错配置，将流量分配到多个后端服务器。
Syntax: upstream name { ... } Default: — Context: stream
这里举出常用的几种策略
- 轮询（默认），请求过来后，Nginx 随机分配流量到任一服务器
upstream backend { server 127.0.0.1:3000; server 127.0.0.1:3001; }
weight=number设置服务器的权重，默认为1，权重大的会被优先分配
upstream backend { server 127.0.0.1:3000 weight=2; server 127.0.0.1:3001 weight=1; }
backup标记为备份服务器。当主服务器不可用时，将传递与备份服务器的连接。
upstream backend { server 127.0.0.1:3000 backup; server 127.0.0.1:3001; }
ip_hash保持会话，保证同一客户端始终访问一台服务器。
upstream backend { ip_hash; server 127.0.0.1:3000 backup; server 127.0.0.1:3001; }
least_conn优先分配最少连接数的服务器，避免服务器超载请求过多。
upstream backend { least_conn; server 127.0.0.1:3000; server 127.0.0.1:3001; }
当我们需要代理一个集群时候可以通过下面这种方式实现
http { upstream backend { server 127.0.0.1:3000; server 127.0.0.1:3001; } ... server { listen 9000; server_name localhost; location / { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Scheme $scheme; proxy_pass backend; } } }
最后
Nginx 的功能还有很多，这里只介绍了几个比较基础、常用的，供大家学习和参考，快速入门，搭建出一套可用的环境。
