懂点 Nginx 反向代理与负载均衡，是面试加分项没有之一

学到老活到老

前端圈一直很新，一直要不停的学习，而且在进入大厂的路上，还要求熟悉一门后台语言等等。用一句别人开玩笑的话来说，java十年前的技术现在还能用，而前端的技术就不是这样的了。

突然想起了deno项目发布的时候，一个搞笑的issue，“求别更新了，老子学不动了”。虽然看起来是一个玩笑的issue，但却道出了前端们不得不表现出来的疲态，知识点越来越庞大，学习的内容越来越多。

也听到一些朋友们说，换成现在再面试阿里，恐怕不好进了啊。当然很多都是随便一说的玩笑话，听过一笑便可，不必当真，也不必抱怨了。

好了，今天就直接来说一下主题吧，前端要了解一些运维的Nginx用法，内容不多，简单看看就好，这两个功能在工作当中就够用了，那么首先来看个问题，什么是反向代理与负载均衡。

什么是反向代理与负载均衡

什么是反向代理

当我们有一个服务器集群，并且服务器集群中的每台服务器的内容一样的时候，同样我们要直接从个人电脑访问到服务器集群服务器的时候无法访问，必须通过第三方服务器才能访问集群。

这个时候，我们通过第三方服务器访问服务器集群的内容，但是我们并不知道是哪一台服务器提供的内容，此种代理方式称为反向代理。

什么是负载均衡

公司会建立很多的服务器，这些服务器组成了服务器集群，然后，当用户访问网站的时候，先访问一个中间服务器，再让这个中间服务器在服务器集群中选择一个压力较小的服务器，然后将该访问请求引入选择的服务器。

所以，用户每次访问，都会保证服务器集群中的每个服务器压力趋于平衡，分担了服务器压力，避免了服务器崩溃的情况。

一句话：nginx会给你分配服务器压力小的去访问。

Nginx反向代理与负载均衡的实现

用户访问网站的时候首先会访问nginx服务器，然后nginx服务器再从服务器集群中选择压力较小的服务器，将该访问请求引向该服务器。

nginx配置

下面修改配置方面我就从mac系统下来进行简单的演示，如何安装的话也暂以mac为主了，windows系统直接去Nginx官网下载安装即可

安装nginx 
    1-进到homebrew官网，然后复制命令，预安装需要的东西 
    2-brew install nginx    安装nginx 
    3-nginx -v  显示版本号 
进入nginx 
    cd /usr/local/etc/nginx 

下图为进入nginx文件夹下的文件内容

当进到这个目录下，我们就可以操作nginx了，接下来就列举一些非常非常有用的命令，多敲几遍，一定要记住

nginx常用命令

• 启动nginx
• nginx
• 当你敲完nginx这5个键的时候，并没有任何反应，此时你只需访问localhost:8080(默认)即可

• 关闭nginx
• 如果出现下图情况，不要惊慌，是因为之前nginx被启动过了
• 只需nginx -s stop，停止nginx服务
• 然后再次启动nginx即可

• 重启nginx
• nginx -s reload
• 每次修改完.conf文件就需要重启nginx
• 检查配置
• 检查修改的nginx.conf配置是否正确
• nginx -t
• 如果出现下面ok和successfull就代表正确了，其他的都不对

nginx:the configuration file/usr/local/etc/nginx/nginx.conf syntaxisok 
nginx:configuration file/usr/local/etc/nginx/nginx.conf testissuccessful 

对于我们前端来说正常工作当中，倒是不需要过多的修改nginx的。我们之所以修改nginx配置，是为了做一些反向代理罢了。

proxy_pass

nginx反向代理主要通过proxy_pass来配置，将你项目的开发机地址填写到proxy_pass后面，正常的格式为proxy_pass URL即可。

server { 
    listen 80; 
    location / { 
        proxy_pass http://10.10.10.10:20186; 
    } 
} 

Upstream模块实现负载均衡

• ip_hash指令
• server指令
• upstream指令及相关变量

上面写的三个指令，我们直接通过代码来一一分析

// 修改nginx.conf 
worker_processes 1; 
events { 
    worker_connections 1024; 
} 
http { 
    upstream firstdemo { 
        server 39.106.145.33; 
        server 47.93.6.93; 
    } 
    server { 
        listen 8080; 
        location / { 
            proxy_pass http://firstdemo; 
        } 
    } 
} 

上面修改的nginx.conf就是上图中花圈的那个文件，nginx配置的主要修改就在这里。化繁为简，把原本nginx.conf里的内容直接替换为上面的不到20行的代码了。

（编辑：泉州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!