前端项目部署到服务器问题，在项目中遇到了一些问题，接收烂尾项目之后，虽然一直在更新在维护，但是偶尔会遇到一些小小的bug，近期需要把前端项目部署另外一个服务器上，需要使用nginx,本来不想喷这个后端，现在还是想bb一下，真是服气，他在配置服务器的时候把另外的一个nginx完全挪用过来，导致项目部署失败，加班到很晚！！！！期间检查过前端代码没有问题，打包方式没问题，经过认真分析和研究，发现是后端部署nginx没有配置好，配置错误的问题，压根不会配置！！！把另外一个nginx服务器配置拿到新的服务器也是服气！ 认真思考一下，同一套代码，前端打包完成部署到服务器A（内网+外网（测试环境和正式环境））均没问题，但是换个本地电脑，换个服务器B，让他去部署，前端再次打包部署之后服务器项目并没有更新！！ 其中他没有认真配置nginx，只是照搬。最大的问题在这。他扒拉很多资料，询问一个请假的后端同事，花费大量时间才解决了此次问题。 所以做了如下学习和了解并且实现完成服务器项目部署。
什么是Nginx
nginx是一款开源的，高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP,POP3,SMTP代理服务器；nginx可以作为一个HTTP服务器进行网站的发布处理，也可以作为反向代理进行负载均衡的实现。 下面主要介绍一下三个方面吧：
- 反向代理
- 负载均衡
- nginx特点
1 反向代理
关于代理 其中代理分为正向代理和反向代理，代理就是一个代表，一个渠道； 此时设计到两个角色，一个是被代理角色，一个是目标角色，被代理角色通过这个代理访问目标角色完成一些任务的过程称为代理操作过程；如同生活中，一个客人去鸿星尔克专卖店买了一双鞋子，其中：专卖店 == 代理； 鸿星尔克厂家就是被代理的角色，目标角色就是用户。 关于正向代理，有兴趣自己了解，暂不多说。
反向代理： 主要用于服务器集群分布式部署的情况下，反向代理隐藏了服务器信息。
反向代理处理方式：例如某宝，每天同时连接到网站的访问人数已经爆表，单个服务器已不能满足需求，此时就出现了一个熟悉的名词：分布式部署，也就是通过部署多台服务器来解决访问人数限制的问题，可直接使用nginx进行反向代理实现，并通过封装nginx和其他的组件之后起了一个高大上名字：Tengine，有需要可以去官网查看深入了解：tengine.taobao.org/
由上图，可以清楚的看到，多个客户端给服务器发送的请求，nginx接收到之后，按照一定的规则分发给了后端业务处理服务器进行处理。此时，请求的来源也就是客户端是明确的，但请求具体由哪台服务器处理的并不明确了，nginx扮演的是一个反向代理角色。
负载均衡
我们已经明确了所谓代理服务器的概念，那么接下来，nginx扮演了反向代理服务器的角色，它是以依据什么样的规则进行请求分发的呢？不用的项目应用场景，分发的规则是否可以控制呢？
这里提到的客户端发送的、nginx反向代理服务器接收到的请求数量，就是我们说的负载量
请求数量按照一定的规则进行分发到不同的服务器处理的规则，就是一种均衡规则
所以~将服务器接收到的请求按照规则分发的过程，称为负载均衡。
负载均衡在实际项目操作过程中，有硬件负载均衡和软件负载均衡两种，硬件负载均衡也称为硬负载，如F5负载均衡，相对造价昂贵成本较高，但是数据的稳定性安全性等等有非常好的保障，如中国移动中国联通这样的公司才会选择硬负载进行操作；更多的公司考虑到成本原因，会选择使用软件负载均衡，软件负载均衡是利用现有的技术结合主机硬件实现的一种消息队列分发机制
nginx支持的负载均衡调度算法方式如下：
- weight轮询（默认）：接收到的请求按照顺序逐一分配到不同的后端服务器，即使在使用过程中，某一台后端服务器宕机，nginx会自动将该服务器剔除出队列，请求受理情况不会受到任何影响。 这种方式下，可以给不同的后端服务器设置一个权重值（weight），用于调整不同的服务器上请求的分配率；权重数据越大，被分配到请求的几率越大；该权重值，主要是针对实际工作环境中不同的后端服务器硬件配置进行调整的。
- ip_hash：每个请求按照发起客户端的ip的hash结果进行匹配，这样的算法下一个固定ip地址的客户端总会访问到同一个后端服务器，这也在一定程度上解决了集群部署环境下session共享的问题。
- fair：智能调整调度算法，动态的根据后端服务器的请求处理到响应的时间进行均衡分配，响应时间短处理效率高的服务器分配到请求的概率高，响应时间长处理效率低的服务器分配到的请求少；结合了前两者的优点的一种调度算法。但是需要注意的是nginx默认不支持fair算法，如果要使用这种调度算法，请安装upstream_fair模块
- url_hash：按照访问的url的hash结果分配请求，每个请求的url会指向后端固定的某个服务器，可以在nginx作为静态服务器的情况下提高缓存效率。同样要注意nginx默认不支持这种调度算法，要使用的话需要安装nginx的hash软件包
nginx安装及使用方法（windows）
nginx功能之一可以启动一个本地服务器，通过配置server_name和root目录等来访问目标文件
1下载和解压
2 修改配置文件
nginx配置文件在 nginx-1.8.0\conf\nginx.conf
http {
gzip on;
#静态文件
server {
listen 80;
server_name static.cnblog.com;
location / {
root G:/source/static_cnblog_com;
}
}
#html文件
server {
listen 80;
server_name 127.0.0.1 localhost;
location / {
root D:/source/html/mobile/dist;
index index.html index.htm;
}
}
}
如上，可以配置多个server，这样访问localhost即访问到了D:/source/html/mobile/dist目录（自己安装的路径） 还可以开启gzip，压缩html
3启动
注意不要直接双击nginx.exe，这样会导致修改配置后重启、停止nginx无效，需要手动关闭任务管理器内的所有nginx进程
在nginx.exe目录，打开命令行工具，用命令 启动/关闭/重启nginx
start nginx : 启动nginx
nginx -s reload ：修改配置后重新加载生效
nginx -s reopen ：重新打开日志文件
nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确
关闭nginx：
nginx -s stop :快速停止nginx
nginx -s quit ：完整有序的停止nginx
如果遇到报错：
bash: nginx: command not found
有可能是你再linux命令行环境下运行了windows命令，
如果你之前是允许 nginx -s reload报错， 试下 ./nginx -s reload
或者 用windows系统自带命令行工具运行
参考地址：www.cnblogs.com/zhouxinfei/…
Nginx安装
1 windows安装
官网下载地址
https://nginx.org/en/download.html
下载对于的版本的nginx压缩包，解压到自己电脑上存放软件即可。 解压完成后点击nginx.exe进行启动nginx服务器。
启动nginx服务器
1） 直接双击该目录下的nginx.exe，即可启动nginx服务器
2） 命令行计入该文件夹，执行nginx命令，也会直接启动nginx服务器
D:/resp_application/nginx-1.13.5> nginx
访问nginx
打开浏览器，输入地址：http://localhost，访问页面，出现如下页面表示访问成功
停止nginx
命令行进入nginx根目录，执行如下命令，停止服务器：
# 强制停止nginx服务器，如果有未处理的数据，丢弃
D:/resp_application/nginx-1.13.5> nginx -s stop
# 优雅的停止nginx服务器，如果有未处理的数据，等待处理完成之后停止
D:/resp_application/nginx-1.13.5> nginx -s quit
D:/resp_application/nginx-1.13.5> nginx -s quit
2. ubuntu安装
按照正常软件的安装方式，直接通过如下命令进行安装：
$ sudo apt-get install nginx
安装完成即可，在/usr/sbin/目录下是nginx命令所在目录，在/etc/nginx/目录下是nginx所有的配置文件，用于配置nginx服务器以及负载均衡等信息
查看nginx进程是否启动
$ ps -ef|grep nginx
nginx会自动根据当前主机的CPU的内核数目创建对应的进程数量(当前ubuntu主机是2核4线程配置)
备注：这里启动的服务进程其实是4个进程，因为nginx进程在启动的时候，会附带一个守护进程，用于保护正式进程不被异常终止；如果守护进程一旦返现nginx继承被终止了，会自动重启该进程。
守护进程一般会称为master进程，业务进程被称为worker进程
启动nginx服务器命令
直接执行nginx会按照默认的配置文件进行服务器的启动
$ nginx
停止nginx服务命令
和windows系统执行过程一样，两种停止方式
$ nginx -s stop
or
$ nginx -s quit
重新启动加载
同样也可以使用命令reopen和reload来重新启动nginx或者重新加载配合着文件。
nginx配置
这是项目中的重点，把其他服务器的nginx挪用是错误的，配置完全不一样如何使用！！怎么可能会部署成功，当然更不会刷新成最新的项目页面，因此需要认真配置好nginx。 首先说一下正常配置；nginx是一个功能非常强大的web服务器加反向代理服务器，同时又是邮件服务器等等。在项目使用中，使用最多的三个核心功能是反向代理、负载均衡和静态服务器
这三个不同的功能的使用，都跟nginx的配置密切相关，nginx服务器的配置信息主要集中在nginx.conf这个配置文件中，并且所有的可配置选项大致分为以下几个部分
main # 全局配置
events { # nginx工作模式配置
}
http { # http设置
....
server { # 服务器主机配置
....
location { # 路由配置
....
}
location path {
....
}
location otherpath {
....
}
}
server {
....
location {
....
}
}
upstream name { # 负载均衡配置
....
}
}
如上述配置文件所示，主要由6个部分组成：
- main：用于进行nginx全局信息的配置
- events：用于nginx工作模式的配置
- http：用于进行http协议信息的一些配置
- server：用于进行服务器访问信息的配置
- location：用于进行访问路由的配置
- upstream：用于进行负载均衡的配置
server模块
srever模块配置是http模块中的一个子模块，用来定义一个虚拟访问主机，也就是一个虚拟服务器的配置信息server { listen 80; server_name localhost 192.168.1.100; root /nginx/www; index index.php index.html index.html; charset utf-8; access_log logs/access.log; error_log logs/error.log; ......
核心配置信息如下：
- server：一个虚拟主机的配置，一个http中可以配置多个server
- server_name：用力啊指定ip地址或者域名，多个配置之间用空格分隔
- root：表示整个server虚拟主机内的根目录，所有当前主机中web项目的根目录
- index：用户访问web网站时的全局首页
- charset：用于设置www/路径中配置的网页的默认编码格式
- access_log：用于指定该虚拟主机服务器中的访问记录日志存放路径
- error_log：用于指定该虚拟主机服务器中访问错误日志的存放路径
location模块
location模块是nginx配置中出现最多的一个配置，主要用于配置路由访问信息
在路由访问信息配置中关联到反向代理、负载均衡等等各项功能，所以location模块也是一个非常重要的配置模块
基本配置
location / {
root /nginx/www;
index index.php index.html index.htm;
}
location /：表示匹配访问根目录
root：用于指定访问根目录时，访问虚拟主机的web目录
index：在不指定访问具体资源时，默认展示的资源文件列表
反向代理配置方式
通过反向代理代理服务器访问模式，通过proxy_set配置让客户端访问透明化
location / {
proxy_pass http://localhost:8888;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header Host $http_host;
}
总结
前端项目部署之前，nginx配置完成，核心配置正确即可。本地的各个文件路径配置正确，远程服务器地址配置正确即可，部署时候直接将dist包拖拽进远程，覆盖原先版本，刷新网页地址即可。
