1. 概述

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。

其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。2011年6月1日，nginx 1.0.4发布。

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。

2. 优点

Nginx 可以在大多数 UnixLinux OS 上编译运行，并有 Windows 移植版。 Nginx 的1.4.0稳定版已经于2013年4月24日发布，一般情况下，对于新建站点，建议使用最新稳定版作为生产版本，已有站点的升级急迫性不高。Nginx 的源代码使用 2-clause BSD-like license。

Nginx 是一个很强大的高性能Web和反向代理服务，它具有很多非常优越的特性：

在连接高并发的情况下，Nginx是Apache服务不错的替代品：Nginx在美国是做虚拟主机生意的老板们经常选择的软件平台之一。能够支持高达 50,000 个并发连接数的响应，感谢Nginx为我们选择了 epoll and kqueue作为开发模型。

3. 为什么选择Nginx

Nginx是俄罗斯人Igor Sysoev编写的轻量级Web服务器，它的发音为 [ˈendʒɪnks] ，它不仅是一个高性能的HTTP和反向代理服务器，同时也是一个IMAP/POP3/SMTP 代理服务器。

截至2019年12月，差不多世界上每3个网站中就有1个使用Nginx。

Nginx以事件驱动的方式编写，所以有非常好的性能，同时也是一个非常高效的反向代理、负载平衡服务器。在性能上，Nginx占用很少的系统资源，能支持更多的并发连接，达到更高的访问效率；在功能上，Nginx是优秀的代理服务器和负载均衡服务器；在安装配置上，Nginx安装简单、配置灵活。

Nginx支持热部署，启动速度特别快，还可以在不间断服务的情况下对软件版本或配置进行升级，即使运行数月也无需重新启动。

在微服务的体系之下，Nginx正在被越来越多的项目采用作为网关来使用，配合Lua做限流、熔断等控制。

对于Nginx的初学者可能不太容易理解web服务器究竟能做什么，特别是之前用过Apache服务器的，以为Nginx可以直接处理php、java，实际上并不能。对于大多数使用者来说，Nginx只是一个静态文件服务器或者http请求转发器，它可以把静态文件的请求直接返回静态文件资源，把动态文件的请求转发给后台的处理程序，例如php-fpm、apache、tomcat、jetty等，这些后台服务，即使没有nginx的情况下也是可以直接访问的（有些时候这些服务器是放在防火墙的面，不是直接对外暴露，通过nginx做了转换）。

4. 下载

官网

下载稳定版

5. 安装

直接解压，然后运行即可。下面以C盘根目录为例说明下：

 cd C:cd C:\nginx-0.8.54   start nginx

或者直接点开运行

Nginx/Win32是运行在一个控制台程序，而非windows服务方式的。

服务器方式目前还是开发尝试中，Nginx/Win32可以使用以下开关来管理它：

Nginx -s stop 快速关闭Nginx，可能不保存相关信息，并迅速终止web服务。（quick exit）
Nginx -s quit 平稳关闭Nginx，保存相关信息，有安排的结束web服务。（graceful exit）
Nginx -s reload 因改变了Nginx相关配置，需要重新加载配置而重载。（changing configuration，start a new worker,quitting an old worker gracefully.)
Nginx -s reopen 重新打开日志文件。(reopenging log files)

在浏览器输入：localhost：8082，可见测试成功。

6. 配置参数详细说明

//运行用户
user nobody;
//启动进程,通常设置成和cpu的数量相等
worker_processes  1;//全局错误日志及PID文件
//error_log  logs/error.log;
//error_log  logs/error.log  notice;
//error_log  logs/error.log  info;//pid        logs/nginx.pid;//工作模式及连接数上限
events {//epoll是多路复用IO(I/O Multiplexing)中的一种方式,//仅用于linux2.6以上内核,可以大大提高nginx的性能use   epoll; //单个后台worker process进程的最大并发链接数    worker_connections  1024;// 并发总数是 worker_processes 和 worker_connections 的乘积// 即 max_clients = worker_processes * worker_connections// 在设置了反向代理的情况下，max_clients = worker_processes * worker_connections / 4  为什么// 为什么上面反向代理要除以4，应该说是一个经验值// 根据以上条件，正常情况下的Nginx Server可以应付的最大连接数为：4 * 8000 = 32000// worker_connections 值的设置跟物理内存大小有关// 因为并发受IO约束，max_clients的值须小于系统可以打开的最大文件数// 而系统可以打开的最大文件数和内存大小成正比，一般1GB内存的机器上可以打开的文件数大约是10万左右// 我们来看看360M内存的VPS可以打开的文件句柄数是多少：// $ cat /proc/sys/fs/file-max// 输出 34336// 32000 < 34336，即并发连接总数小于系统可以打开的文件句柄总数，这样就在操作系统可以承受的范围之内// 所以，worker_connections 的值需根据 worker_processes 进程数目和系统可以打开的最大文件总数进行适当地进行设置// 使得并发总数小于操作系统可以打开的最大文件数目// 其实质也就是根据主机的物理CPU和内存进行配置// 当然，理论上的并发总数可能会和实际有所偏差，因为主机还有其他的工作进程需要消耗系统资源。// ulimit -SHn 65535}http {//设定mime类型,类型由mime.type文件定义include    mime.types;default_type  application/octet-stream;//设定日志格式log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_referer" ''"$http_user_agent" "$http_x_forwarded_for"';access_log  logs/access.log  main;//sendfile 指令指定 nginx 是否调用 sendfile 函数（zero copy 方式）来输出文件，//对于普通应用，必须设为 on,//如果用来进行下载等应用磁盘IO重负载应用，可设置为 off，//以平衡磁盘与网络I/O处理速度，降低系统的uptime.sendfile     on;//tcp_nopush     on;//连接超时时间//keepalive_timeout  0;keepalive_timeout  65;tcp_nodelay     on;//开启gzip压缩gzip  on;gzip_disable "MSIE [1-6].";//设定请求缓冲client_header_buffer_size    128k;large_client_header_buffers  4 128k;//设定虚拟主机配置server {//侦听80端口listen    80;//定义使用 www.nginx.cn访问server_name  www.nginx.cn;//定义服务器的默认网站根目录位置root html;//设定本虚拟主机的访问日志access_log  logs/nginx.access.log  main;//默认请求location / {//定义首页索引文件的名称index index.php index.html index.htm;   }// 定义错误提示页面error_page   500 502 503 504 /50x.html;location = /50x.html {}//静态文件，nginx自己处理location ~ ^/(images|javascript|js|css|flash|media|static)/ {//过期30天，静态文件不怎么更新，过期可以设大一点，//如果频繁更新，则可以设置得小一点。expires 30d;}//PHP 脚本请求全部转发到 FastCGI处理. 使用FastCGI默认配置.location ~ .php$ {fastcgi_pass 127.0.0.1:9000;fastcgi_index index.php;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;include fastcgi_params;}//禁止访问 .htxxx 文件location ~ /.ht {deny all;}}
}

7. 命令行参数

7.1 启动nginx

start nginx 或
nginx.exe

7.2 重启nginx——重新加载配置

nginx -s reload

7.3 停止nginx

nginx -s stop 或
nginx -s quit
stop是快速停止nginx，可能并不保存相关信息；quit是完整有序的停止nginx，并保存相关信息。

7.4 运行Nginx时指定配置文件

nginx -c /www/nginx.conf

7.5 新打开日志文件

nginx -s reload

7.6 修改nginx.conf文件后测试是否通过

$ nginx -t

nginx: the configuration file /usr/local/etc/nginx/nginx.conf syntax is ok

nginx: configuration file /usr/local/etc/nginx/nginx.conf test is successful

7.7 nginx的命令行参数列表

• -? 或者 -h 打印命令行参数帮助信息
• -c file 为 Nginx 指定一个配置文件，来代替缺省的。
• -t 不运行，而仅仅测试配置文件。nginx 将检查配置文件的语法的正确性，并尝试打开配置文件中所引用到的文件。
• -v 显示 nginx 的版本。
• -V 显示 nginx 的版本，编译器版本和配置参数。
• -q 在配置测试期间禁止非错误信息
• -s signal 向主进程（Master）发送信号，信号参数可以是以下:
  • stop – 快速关闭（强制关闭，比较粗暴）
  • quit – 正常关闭
  • reload – 重新加载配置，使用新配置后启动新的工作进程（Worker），正常退出就的工作进程。
  • reopen – 重新打开日志文件。
• -p prefix 设置nginx路径前缀，比如一个存放着服务器文件的目录（默认是/usr/local/nginx）
• -g directive 在配置文件中设置全局指令

8. 发布React项目

8.1 脚手架工具打包

npm run build

build文件夹里会出现打包后的文件

8.2 部署

我将发布后的文件重命名为web01放在Nginx的根目录的html下：

修改刚刚我们打开的配置文件即可，在http对象下新增一个server对象即可

listen ：设置的端口号

server_name ：访问的名字

root ：你项目所放的地址

index index.html ：你的入口html文件

location/{}:这是是根据路由跳转，所以，为了避免出现404，我们需要重写至index.html。

8.2.1 部署到根目录下

http {listen  80;   // 监听80端口server_name  test.com; // 你的域名或者IP地址location / { // 根目录root  html\web01; // 前端文件路径index  index.html; // hash模式只配置访问html就可以了try_files $uri $uri/ /index.html; // history模式下}}

• 修改完后，重启nginx:nginx -s reload
• 访问：域名|ip地址即可

8.2.2 部署到子目录下

server {listen  80;server_name  test.com; // 你的域名或者ip地址location /demo { // 子级目录alias  /front/demo; // 前端也要配置二级目录，react项目是在环境配置文件中配置属性PUBLIC_URL=/demo,把前端打包的build目录下的内容，放在服务器对应的二级目录下demo下index  index.html;try_files $uri $uri/ /demo/index.html; }
}

• 修改完后，重启nginx:nginx -s reload
• 访问：域名|ip地址即可

8.2.3 跨域

http {server {listen       8082;server_name  localhost;// /api 请求都转发到  https://data.6xd.com/location /api { proxy_pass  https://data.6xd.com/;   }  location / {root   html\web01;index  index.html;}}

• 修改完后，重启nginx:nginx -s reload
• 访问：域名|ip地址即可

8.3 React项目部署踩坑

8.3.1 文件路径问题，在 package.json中增加homepage（必须配）

小迪之前没配react报错 => Uncaught Error: Minified React error #130？

也可能会报一些奇怪的问题，因此一定要配！

8.3.2 css中图片路径问题，建议直接用import的引入使用

import bgimg from './images/bg.jpg'
<div className='login' style={{backgroundImage:`url(${bgimg})`}}></div>

8.3.3 react-dom.production.min.js:209 Error: Minified React error #152; visit https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=a for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

react官方说明：https://reactjs.org/docs/error-decoder.html/?invariant=152&args[]=a

意思就是：DocumentTitle 中包含多div标签问题
犯贱，在最外层加了个注释

8.3.4 BrowserRouter HashRouter，部署项目后刷新页面会出现空白页

如果用BrowserRouter，部署项目后刷新页面会出现空白页，原因是找不到文件了（可以在后台配置重定向到首页）。BroswerRouter是需要服务端配合的，服务端重定向到首页，BrowserRouter是基于html5的pushState和replaceState的，很多浏览器不支持，存在兼容性问题。故最后选择HashRouter.

把BrowserRouter 换成 HashRouter就可以解决问题

8.3.5 表格渲染问题

render里面要用return返回，如果省略return，部署的时候会无法执行render里面内容

（后续待补充）

Windows下的Nginx部署React项目及解决反向代理跨域问题等-20.8.1更新相关推荐

1. Ubuntu 下搭建 Nginx 部署 vue 项目

   Ubuntu 下搭建 Nginx 部署 vue 项目 上一篇:Ubuntu 下部署 SpringBoot 第一步: Ubuntu 上安装 nodejs 执行 apt install nodejs 命令 ...

2. linux nginx django,如何在Linux下使用Nginx部署Django项目

   Django项目使用nginx + uwsgi进行部署,是比较常见的方式. 系统环境 这里列出自己的,就算不一样也不用太担心. Liunx系统版本:CentOS Linux release 7.8.2 ...

3. nginx部署微信项目：解决微信浏览器缓存问题

   问题描述 微信公众号网站或H5网站发布站点内容后一直显示的旧内容无法更新的,登录token失效后也无法执行相应js退出,其实是微信浏览器的缓存机制导致的.最开始尝试过对网站链接加版本号等都不起作用,以 ...

4. nginx 反向代理跨域访问配置_nginx反向代理配置去除前缀

   使用nginx做反向代理的时候,可以简单的直接把请求原封不动的转发给下一个服务.设置proxy_pass请求只会替换域名,如果要根据不同的url后缀来访问不同的服务,则需要通过如下方法: 方法一:加& ...

5. Nginx反向代理跨域访问气象局天气接口

   nginx设置如下,客户端直接访问本地服务器83端口,通过http://localhost:83/wmaps/xml/baoding.xml实现对国家气象局天气实况的实时访问. nginx.conf设 ...

6. nginx location匹配除了一个路径_nginx部署React项目

   nignx是一款非常优秀的服务器软件,前端工程师在开发完项目后,通常要将项目部署到服务器,我在部署项目时用的就是nginx.今天跟大家分享一下用nginx部署前端项目的一些经验.React项目开发完成 ...

7. 超详细Windows环境下使用Apache部署Django项目教程

   目录 超详细Windows环境下使用Apache部署Django项目教程 1.什么是Apache 2.安装并配置Apache 2.1 下载Apache 2.2 解压Apache到文件夹 2.3 配置c ...

8. VUE项目学习（三）：win10版nginx部署vue项目

   VUE项目学习(三):win10版nginx部署vue项目 niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details/1 ...

9. win10 nginx部署前端项目（静态资源服务器和HTML）

   win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...

最新文章

1. 绝地服务器维护7月5日,绝地求生7月5日更新到几点 吃鸡更新维护公告
2. css网页布局中文字排版的属性和用法
3. Fibonacci（斐波纳契）数列各种优化解法
4. Swift - 重写导航栏返回按钮
5. 阿里P8架构师谈：java架构师面试技能24全点
6. Angular消息通知组件ngx-notification
7. SQL Server子查询实例
8. 西藏拉姆拉错：蓝蓝的湖水
9. 使用神经计算棒二代在OpenVino下推理基于Keras转换的TensorFlow 模型
10. S3C2440 GPIO控制器
11. 我的世界我服务器注册密码大全,我的世界国际版账号密码大全2021
12. Win10 更改桌面背景为图片不生效，马上自动变为纯色黑色
13. excel求和结果不对
14. 刘强东：拿 PPT 和假大空词汇忽悠的人就是骗子
15. 巧妙解决-数学家年龄问题
16. 广州融媒体峰会现场直播中，BirdDog Full NDI应用有哪些优点？难点？如何解决？
17. 反思“百果园们”：谁在侵蚀行业生态地基？
18. 神经网络 c++ 源码 可以直接复制运行，提供数据集，操作简单，最少仅需4行代码
19. Mac 安装部署Pcap_DNSProxy
20. AI人工智能毕业设计课题：怀旧照片网站,黑白图像图片上色系统

热门文章

1. 计算机系统中八个二进制位叫做一个,一个字节由几个二进制位组成(计算机系统有什么两部分组成)...
2. MySQL数据库插入数据乱码
3. qt解析json数据
4. 大语言模型排行榜来啦！Vicuna夺冠，清华ChatGLM进前5
5. 最新版苹果cms源码韩剧TV电影视频在线观看网站源码
6. ArcGIS的地理空间大数据的数据分析图
7. Nodejs 快速入门教程
8. notepad美化php,notepad如何格式化json
9. 码蹄集 - MT2011 · 硬币塔
10. 5个设计师常用素材库