在前端开发中，Nginx不仅仅是一款高效的Web服务器，更是一个弱小的工具，可能显著晋升Web利用的性能和用户体验
Nginx简介
Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，并在BSD-like协定下发行。因为其高性能、稳定性、丰盛的功能集、简略的配置以及低资源耗费而被宽泛应用
个别罕用的Nginx配置具体阐明
#定义Nginx运行的用户和用户组user www www;#nginx过程数，倡议设置为等于CPU总外围数。worker_processes 8;#全局谬误日志定义类型，[ debug | info | notice | warn | error | crit ]error_log /var/log/nginx/error.log info;#过程文件pid /var/run/nginx.pid;#一个nginx过程关上的最多文件描述符数目，理论值应该是最多关上文件数（零碎的值ulimit -n）与nginx过程数相除，然而nginx调配申请并不平均，所以倡议与ulimit -n的值保持一致。worker_rlimit_nofile 65535;#工作模式与连接数下限events{#参考事件模型，use [ kqueue | rtsig | epoll | /dev/poll | select | poll ]; epoll模型是Linux 2.6以上版本内核中的高性能网络I/O模型，如果跑在FreeBSD下面，就用kqueue模型。use epoll;#单个过程最大连接数（最大连接数=连接数*过程数）worker_connections 65535;}#设定http服务器http{ include mime.types; #文件扩展名与文件类型映射表 default_type application/octet-stream; #默认文件类型 #charset utf-8; #默认编码 server_names_hash_bucket_size 128; #服务器名字的hash表大小 client_header_buffer_size 32k; #上传文件大小限度 large_client_header_buffers 4 64k; #设定申请缓 client_max_body_size 8m; #设定申请缓 sendfile on; #开启高效文件传输模式，sendfile指令指定nginx是否调用sendfile函数来输入文件，对于一般利用设为 on，如果用来进行下载等利用磁盘IO重负载利用，可设置为off，以均衡磁盘与网络I/O处理速度，升高零碎的负载。留神：如果图片显示不失常把这个改成off。 autoindex on; #开启目录列表拜访，适合下载服务器，默认敞开。 tcp_nopush on; #防止网络阻塞 tcp_nodelay on; #防止网络阻塞 keepalive_timeout 120; #长连贯超时工夫，单位是秒 #FastCGI相干参数是为了改善网站的性能：缩小资源占用，进步访问速度。上面参数看字面意思都能了解。 fastcgi_connect_timeout 300; fastcgi_send_timeout 300; fastcgi_read_timeout 300; fastcgi_buffer_size 64k; fastcgi_buffers 4 64k; fastcgi_busy_buffers_size 128k; fastcgi_temp_file_write_size 128k; #gzip模块设置 gzip on; #开启gzip压缩输入 gzip_min_length 1k; #最小压缩文件大小 gzip_buffers 4 16k; #压缩缓冲区 gzip_http_version 1.0; #压缩版本（默认1.1，前端如果是squid2.5请应用1.0） gzip_comp_level 2; #压缩等级 gzip_types text/plain application/x-javascript text/css application/xml; #压缩类型，默认就曾经蕴含text/html，所以上面就不必再写了，写上去也不会有问题，然而会有一个warn。 gzip_vary on; #limit_zone crawler $binary_remote_addr 10m; #开启限度IP连接数的时候须要应用 upstream blog.ha97.com { #upstream的负载平衡，weight是权重，能够依据机器配置定义权重。weigth参数示意权值，权值越高被调配到的几率越大。 server 192.168.80.121:80 weight=3; server 192.168.80.122:80 weight=2; server 192.168.80.123:80 weight=3; } #虚拟主机的配置 server { #监听端口 listen 80; #域名能够有多个，用空格隔开 server_name www.ha97.com ha97.com; index index.html index.htm index.php; root /data/www/ha97; location ~ .*.(php|php5)?$ { fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; include fastcgi.conf; } #图片缓存工夫设置 location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$ { expires 10d; } #JS和CSS缓存工夫设置 location ~ .*.(js|css)?$ { expires 1h; } #日志格局设定 log_format access '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" $http_x_forwarded_for'; #定义本虚拟主机的拜访日志 access_log /var/log/nginx/ha97access.log access; #对 "/" 启用反向代理 location / { proxy_pass http://127.0.0.1:88; proxy_redirect off; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器能够通过X-Forwarded-For获取用户实在IP proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; #以下是一些反向代理的配置，可选。 proxy_set_header Host $host; client_max_body_size 10m; #容许客户端申请的最大单文件字节数 client_body_buffer_size 128k; #缓冲区代理缓冲用户端申请的最大字节数， proxy_connect_timeout 90; #nginx跟后端服务器连贯超时工夫(代理连贯超时) proxy_send_timeout 90; #后端服务器数据回传工夫(代理发送超时) proxy_read_timeout 90; #连贯胜利后，后端服务器响应工夫(代理接管超时) proxy_buffer_size 4k; #设置代理服务器（nginx）保留用户头信息的缓冲区大小 proxy_buffers 4 32k; #proxy_buffers缓冲区，网页均匀在32k以下的设置 proxy_busy_buffers_size 64k; #高负荷下缓冲大小（proxy_buffers*2） proxy_temp_file_write_size 64k; #设定缓存文件夹大小，大于这个值，将从upstream服务器传 } # 部署Vue单页利用的资源，须要配置Nginx以将所有非动态文件申请重定向到`index.html` location / { root /path/to/vue-app/dist; try_files $uri $uri/ /index.html; } #设定查看Nginx状态的地址 location /NginxStatus { stub_status on; access_log on; auth_basic "NginxStatus"; auth_basic_user_file conf/htpasswd; #htpasswd文件的内容能够用apache提供的htpasswd工具来产生。 } #本地动静拆散反向代理配置 #所有jsp的页面均交由tomcat或resin解决 location ~ .(jsp|jspx|do)?$ { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://127.0.0.1:8080; } #所有动态文件由nginx间接读取不通过tomcat或resin location ~ .*.(htm|html|gif|jpg|jpeg|png|bmp|swf|ioc|rar|zip|txt|flv|mid|doc|ppt|pdf|xls|mp3|wma)$ { expires 15d; } location ~ .*.(js|css)?$ { expires 1h; } }}咱们先理解一下它的个性
事件驱动架构
Nginx采纳了异步非阻塞的事件驱动模型，使其在并发高、内存应用少的场景下体现优异。这一个性对前端尤为重要，因为动态资源（如HTML、CSS、JavaScript文件）的高效传输间接影响到页面加载速度和用户体验
反向代理与负载平衡
Nginx能够作为反向代理服务器应用，帮忙前端资源与后端应用服务器之间进行高效、平安的通信。通过配置负载平衡，Nginx还可能在多个后端服务器间智能调配申请，加强Web利用的可用性和扩展性
高效的动态资源服务
Nginx对动态资源的解决极为高效，反对压缩、缓存等优化伎俩，能够显著缩小网络传输工夫和带宽耗费，放慢网页渲染速度
介绍几个实用的网站
一 DevOps
这个网站讲的很具体，DevOps实际波及到开发部门以及软件研发的整个生命周期，这意味着在整个开发生命周期中，波及到一大批新旧工具，包含从布局、编码、测试、公布、监控等自动化的流程工，DevOps
二 可视化Nginx配置
用户通过网页简略的Nginx配置属性，即可取得配置文件，用户还能够指定动态资源的根目录、默认文件等，使得动态网站的部署变得既疾速又容易，能够预览一下图片，UI做的还是十分精美的
Nginx下载大全
这个网站提供了Nginx版本相干的下载地址，找到本人想要的版本点击下载即可，还是十分不便的