哗啦啦的婲 發表於 2020-7-7 15:36:00

nginx教程 转自:https://github.com/dunwu/nginx-tutorial

<p data-tool="mdnice编辑器">什么是Nginx?</p>
<p data-tool="mdnice编辑器">Nginx (engine x) 是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件(IMAP/POP3)代理服务器。</p>
<p><img src="https://mmbiz.qpic.cn/mmbiz_png/Pe3099NrBrLAicNUQRSasVQw05A5nOWQYNv385X3qtUmqFTNNROKxDibCibEOA1VGLJGfNhtTSkKNfcZMx9yyAliaA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" data-type="png" data-w="638" data-fail="0"></p>
<h4 data-tool="mdnice编辑器">什么是反向代理?</h4>
<p data-tool="mdnice编辑器">反向代理(Reverse Proxy)方式是指以代理服务器来接受 internet 上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给 internet 上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。</p>
<p><img src="https://mmbiz.qpic.cn/mmbiz_png/Pe3099NrBrLAicNUQRSasVQw05A5nOWQYQGyOqNppF5gMH0pq4tRp3hsLmwnkgoa31ulKVOUWPickQpOWIca4UqQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" data-type="png" data-w="720" data-fail="0"></p>
<h3 data-tool="mdnice编辑器">Nginx入门</h3>
<p data-tool="mdnice编辑器">详细安装方法请参考:Nginx 运维 https://github.com/dunwu/nginx-tutorial/blob/master/docs/nginx-ops.md</p>
<h4 data-tool="mdnice编辑器">使用</h4>
<p data-tool="mdnice编辑器">nginx 的使用比较简单,就是几条命令。</p>
<p data-tool="mdnice编辑器">常用到的命令如下:</p>
<pre data-tool="mdnice编辑器"><code>nginx&nbsp;-s&nbsp;stop&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;快速关闭Nginx,可能不保存相关信息,并迅速终止web服务。<br>nginx&nbsp;-s&nbsp;quit&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平稳关闭Nginx,保存相关信息,有安排的结束web服务。<br>nginx&nbsp;-s&nbsp;reload&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;因改变了Nginx相关配置,需要重新加载配置而重载。<br>nginx&nbsp;-s&nbsp;reopen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重新打开日志文件。<br>nginx&nbsp;-c&nbsp;filename&nbsp;&nbsp;&nbsp;为&nbsp;Nginx&nbsp;指定一个配置文件,来代替缺省的。<br>nginx&nbsp;-t&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;不运行,而仅仅测试配置文件。nginx&nbsp;将检查配置文件的语法的正确性,并尝试打开配置文件中所引用到的文件。<br>nginx&nbsp;-v&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;显示&nbsp;nginx&nbsp;的版本。<br>nginx&nbsp;-V&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;显示&nbsp;nginx&nbsp;的版本,编译器版本和配置参数。<br></code></pre>
<p data-tool="mdnice编辑器">如果不想每次都敲命令,可以在 nginx 安装目录下新添一个启动批处理文件startup.bat,双击即可运行。内容如下:</p>
<pre data-tool="mdnice编辑器"><code>@echo&nbsp;off<br>rem&nbsp;如果启动前已经启动nginx并记录下pid文件,会kill指定进程<br>nginx.exe&nbsp;-s&nbsp;stop<br><br>rem&nbsp;测试配置文件语法正确性<br>nginx.exe&nbsp;-t&nbsp;-c&nbsp;conf/nginx.conf<br><br>rem&nbsp;显示版本信息<br>nginx.exe&nbsp;-v<br><br>rem&nbsp;按照指定配置去启动nginx<br>nginx.exe&nbsp;-c&nbsp;conf/nginx.conf<br></code></pre>
<p data-tool="mdnice编辑器">如果是运行在 Linux 下,写一个 shell 脚本,大同小异。</p>
<h3 data-tool="mdnice编辑器">Nginx 实战</h3>
<p data-tool="mdnice编辑器">我们先实现一个小目标:不考虑复杂的配置,仅仅是完成一个 http 反向代理。</p>
<p data-tool="mdnice编辑器">nginx.conf 配置文件如下:</p>
<blockquote data-tool="mdnice编辑器">
<p>注:conf/nginx.conf 是 nginx 的默认配置文件。你也可以使用 nginx -c 指定你的配置文件</p>
</blockquote>
<pre data-tool="mdnice编辑器"><code>#运行用户<br>#user&nbsp;somebody;<br><br>#启动进程,通常设置成和cpu的数量相等<br>worker_processes&nbsp;&nbsp;1;<br><br>#全局错误日志<br>error_log&nbsp;&nbsp;D:/Tools/nginx-1.10.1/logs/error.log;<br>error_log&nbsp;&nbsp;D:/Tools/nginx-1.10.1/logs/notice.log&nbsp;&nbsp;notice;<br>error_log&nbsp;&nbsp;D:/Tools/nginx-1.10.1/logs/info.log&nbsp;&nbsp;info;<br><br>#PID文件,记录当前启动的nginx的进程ID<br>pid&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;D:/Tools/nginx-1.10.1/logs/nginx.pid;<br><br>#工作模式及连接数上限<br>events&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;worker_connections&nbsp;1024;&nbsp;&nbsp;&nbsp;&nbsp;#单个后台worker&nbsp;process进程的最大并发链接数<br>}<br><br>#设定http服务器,利用它的反向代理功能提供负载均衡支持<br>http&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;#设定mime类型(邮件支持类型),类型由mime.types文件定义<br>&nbsp;&nbsp;&nbsp;&nbsp;include&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;D:/Tools/nginx-1.10.1/conf/mime.types;<br>&nbsp;&nbsp;&nbsp;&nbsp;default_type&nbsp;&nbsp;application/octet-stream;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#设定日志<br>&nbsp;&nbsp;&nbsp;&nbsp;log_format&nbsp;&nbsp;main&nbsp;&nbsp;'[$remote_addr]&nbsp;-&nbsp;[$remote_user]&nbsp;[$time_local]&nbsp;"$request"&nbsp;'<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'$status&nbsp;$body_bytes_sent&nbsp;"$http_referer"&nbsp;'<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'"$http_user_agent"&nbsp;"$http_x_forwarded_for"';<br><br>&nbsp;&nbsp;&nbsp;&nbsp;access_log&nbsp;&nbsp;&nbsp;&nbsp;D:/Tools/nginx-1.10.1/logs/access.log&nbsp;main;<br>&nbsp;&nbsp;&nbsp;&nbsp;rewrite_log&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#sendfile&nbsp;指令指定&nbsp;nginx&nbsp;是否调用&nbsp;sendfile&nbsp;函数(zero&nbsp;copy&nbsp;方式)来输出文件,对于普通应用,<br>&nbsp;&nbsp;&nbsp;&nbsp;#必须设为&nbsp;on,如果用来进行下载等应用磁盘IO重负载应用,可设置为&nbsp;off,以平衡磁盘与网络I/O处理速度,降低系统的uptime.<br>&nbsp;&nbsp;&nbsp;&nbsp;sendfile&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br>&nbsp;&nbsp;&nbsp;&nbsp;#tcp_nopush&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#连接超时时间<br>&nbsp;&nbsp;&nbsp;&nbsp;keepalive_timeout&nbsp;&nbsp;120;<br>&nbsp;&nbsp;&nbsp;&nbsp;tcp_nodelay&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#gzip压缩开关<br>&nbsp;&nbsp;&nbsp;&nbsp;#gzip&nbsp;&nbsp;on;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#设定实际的服务器列表<br>&nbsp;&nbsp;&nbsp;&nbsp;upstream&nbsp;zp_server1{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server&nbsp;127.0.0.1:8089;<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#HTTP服务器<br>&nbsp;&nbsp;&nbsp;&nbsp;server&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#监听80端口,80端口是知名端口号,用于HTTP协议<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#定义使用www.xx.com访问<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server_name&nbsp;&nbsp;www.helloworld.com;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#首页<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index&nbsp;index.html<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#指向webapp的目录<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;D:\01_Workspace\Project\github\zp\SpringNotes\spring-security\spring-shiro\src\main\webapp;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#编码格式<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;charset&nbsp;utf-8;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#代理配置参数<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_connect_timeout&nbsp;180;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_send_timeout&nbsp;180;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_read_timeout&nbsp;180;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_set_header&nbsp;Host&nbsp;$host;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_set_header&nbsp;X-Forwarder-For&nbsp;$remote_addr;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#反向代理的路径(和upstream绑定),location&nbsp;后面设置映射的路径<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location&nbsp;/&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://zp_server1;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#静态文件,nginx自己处理<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location&nbsp;~&nbsp;^/(images|javascript|js|css|flash|media|static)/&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;D:\01_Workspace\Project\github\zp\SpringNotes\spring-security\spring-shiro\src\main\webapp\views;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#过期30天,静态文件不怎么更新,过期可以设大一点,如果频繁更新,则可以设置得小一点。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;expires&nbsp;30d;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#设定查看Nginx状态的地址<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location&nbsp;/NginxStatus&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;stub_status&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;access_log&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;auth_basic&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"NginxStatus";<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;auth_basic_user_file&nbsp;&nbsp;conf/htpasswd;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#禁止访问&nbsp;.htxxx&nbsp;文件<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location&nbsp;~&nbsp;/\.ht&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;deny&nbsp;all;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#错误处理页面(可选择性配置)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#error_page&nbsp;&nbsp;&nbsp;404&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/404.html;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#error_page&nbsp;&nbsp;&nbsp;500&nbsp;502&nbsp;503&nbsp;504&nbsp;&nbsp;/50x.html;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#location&nbsp;=&nbsp;/50x.html&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;&nbsp;&nbsp;html;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>}<br></code></pre>
<p data-tool="mdnice编辑器">好了,让我们来试试吧: 1.启动 webapp,注意启动绑定的端口要和 nginx 中的 upstream 设置的端口保持一致。</p>
<p data-tool="mdnice编辑器">2.更改 host:在 C:\Windows\System32\drivers\etc 目录下的 host 文件中添加一条 DNS 记录</p>
<pre data-tool="mdnice编辑器"><code>127.0.0.1&nbsp;www.helloworld.com<br></code></pre>
<p data-tool="mdnice编辑器">3.启动前文中 startup.bat 的命令</p>
<p data-tool="mdnice编辑器">4.在浏览器中访问 www.helloworld.com,不出意外,已经可以访问了。</p>
<h4 data-tool="mdnice编辑器">Https 反向代理</h4>
<p data-tool="mdnice编辑器">一些对安全性要求比较高的站点,可能会使用 HTTPS(一种使用 ssl 通信标准的安全 HTTP 协议)。</p>
<p data-tool="mdnice编辑器">这里不科普 HTTP 协议和 SSL 标准。但是,使用 nginx 配置 https 需要知道几点:</p>
<p data-tool="mdnice编辑器">HTTPS 的固定端口号是 443,不同于 HTTP 的 80 端口 SSL 标准需要引入安全证书,所以在 nginx.conf 中你需要指定证书和它对应的 key 其他和 http 反向代理基本一样,只是在&nbsp;<code>Server</code>&nbsp;部分配置有些不同。</p>
<pre data-tool="mdnice编辑器"><code>&nbsp;#HTTP服务器<br>&nbsp;&nbsp;server&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#监听443端口。443为知名端口号,主要用于HTTPS协议<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;443&nbsp;ssl;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#定义使用www.xx.com访问<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server_name&nbsp;&nbsp;www.helloworld.com;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#ssl证书文件位置(常见证书文件格式为:crt/pem)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ssl_certificate&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cert.pem;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#ssl证书key位置<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ssl_certificate_key&nbsp;&nbsp;cert.key;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#ssl配置参数(选择性配置)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ssl_session_cache&nbsp;&nbsp;&nbsp;&nbsp;shared:SSL:1m;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ssl_session_timeout&nbsp;&nbsp;5m;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#数字签名,此处使用MD5<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ssl_ciphers&nbsp;&nbsp;HIGH:!aNULL:!MD5;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ssl_prefer_server_ciphers&nbsp;&nbsp;on;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location&nbsp;/&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;&nbsp;&nbsp;/root;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index&nbsp;&nbsp;index.html&nbsp;index.htm;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;}<br></code></pre>
<h4 data-tool="mdnice编辑器">负载均衡</h4>
<p data-tool="mdnice编辑器">前面的例子中,代理仅仅指向一个服务器。</p>
<p data-tool="mdnice编辑器">但是,网站在实际运营过程中,大部分都是以集群的方式运行,这时需要使用负载均衡来分流。</p>
<p data-tool="mdnice编辑器">nginx 也可以实现简单的负载均衡功能。</p>
<p data-tool="mdnice编辑器">假设这样一个应用场景:将应用部署在 192.168.1.11:80、192.168.1.12:80、192.168.1.13:80 三台 linux 环境的服务器上。网站域名叫 www.helloworld.com,公网 IP 为 192.168.1.11。在公网 IP 所在的服务器上部署 nginx,对所有请求做负载均衡处理(下面例子中使用的是加权轮询策略)。</p>
<p data-tool="mdnice编辑器">nginx.conf 配置如下:</p>
<pre data-tool="mdnice编辑器"><code>http&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#设定mime类型,类型由mime.type文件定义<br>&nbsp;&nbsp;&nbsp;&nbsp;include&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/etc/nginx/mime.types;<br>&nbsp;&nbsp;&nbsp;&nbsp;default_type&nbsp;&nbsp;application/octet-stream;<br>&nbsp;&nbsp;&nbsp;&nbsp;#设定日志格式<br>&nbsp;&nbsp;&nbsp;&nbsp;access_log&nbsp;&nbsp;&nbsp;&nbsp;/var/log/nginx/access.log;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;#设定负载均衡的服务器列表<br>&nbsp;&nbsp;&nbsp;&nbsp;upstream&nbsp;load_balance_server&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#weigth参数表示权值,权值越高被分配到的几率越大<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server&nbsp;192.168.1.11:80&nbsp;&nbsp;&nbsp;weight=5;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server&nbsp;192.168.1.12:80&nbsp;&nbsp;&nbsp;weight=1;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server&nbsp;192.168.1.13:80&nbsp;&nbsp;&nbsp;weight=6;<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;&nbsp;#HTTP服务器<br>&nbsp;&nbsp;&nbsp;server&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#侦听80端口<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#定义使用www.xx.com访问<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;server_name&nbsp;&nbsp;www.helloworld.com;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#对所有请求进行负载均衡请求<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location&nbsp;/&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/root;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#定义服务器的默认网站根目录位置<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index.html&nbsp;index.htm;&nbsp;&nbsp;#定义首页索引文件的名称<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;&nbsp;http://load_balance_server&nbsp;;#请求转向load_balance_server&nbsp;定义的服务器列表<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#以下是一些反向代理的配置(可选择性配置)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#proxy_redirect&nbsp;off;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_set_header&nbsp;Host&nbsp;$host;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_set_header&nbsp;X-Real-IP&nbsp;$remote_addr;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#后端的Web服务器可以通过X-Forwarded-For获取用户真实IP<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_set_header&nbsp;X-Forwarded-For&nbsp;$remote_addr;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_connect_timeout&nbsp;90;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#nginx跟后端服务器连接超时时间(代理连接超时)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_send_timeout&nbsp;90;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#后端服务器数据回传时间(代理发送超时)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_read_timeout&nbsp;90;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#连接成功后,后端服务器响应时间(代理接收超时)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_buffer_size&nbsp;4k;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#设置代理服务器(nginx)保存用户头信息的缓冲区大小<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_buffers&nbsp;4&nbsp;32k;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#proxy_buffers缓冲区,网页平均在32k以下的话,这样设置<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_busy_buffers_size&nbsp;64k;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#高负荷下缓冲大小(proxy_buffers*2)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;proxy_temp_file_write_size&nbsp;64k;&nbsp;&nbsp;&nbsp;&nbsp;#设定缓存文件夹大小,大于这个值,将从upstream服务器传<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;client_max_body_size&nbsp;10m;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#允许客户端请求的最大单文件字节数<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;client_body_buffer_size&nbsp;128k;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#缓冲区代理缓冲用户端请求的最大字节数<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>}<br></code></pre>
<h5 data-tool="mdnice编辑器">负载均衡策略</h5>
<p data-tool="mdnice编辑器">Nginx 提供了多种负载均衡策略,让我们来一一了解一下:</p>
<p data-tool="mdnice编辑器">负载均衡策略在各种分布式系统中基本上原理一致,对于原理有兴趣,不妨参考 负载均衡</p>
<h5 data-tool="mdnice编辑器">轮询</h5>
<pre data-tool="mdnice编辑器"><code>upstream&nbsp;bck_testing_01&nbsp;{<br>&nbsp;&nbsp;#&nbsp;默认所有服务器权重为&nbsp;1<br>&nbsp;&nbsp;server&nbsp;192.168.250.220:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.221:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.222:8080<br>}<br></code></pre>
<h5 data-tool="mdnice编辑器">加权轮询</h5>
<pre data-tool="mdnice编辑器"><code>upstream&nbsp;bck_testing_01&nbsp;{<br>&nbsp;&nbsp;server&nbsp;192.168.250.220:8080&nbsp;&nbsp;&nbsp;weight=3<br>&nbsp;&nbsp;server&nbsp;192.168.250.221:8080&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;default&nbsp;weight=1<br>&nbsp;&nbsp;server&nbsp;192.168.250.222:8080&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;default&nbsp;weight=1<br>}<br></code></pre>
<h5 data-tool="mdnice编辑器">最少连接</h5>
<pre data-tool="mdnice编辑器"><code>upstream&nbsp;bck_testing_01&nbsp;{<br>&nbsp;&nbsp;least_conn;<br><br>&nbsp;&nbsp;#&nbsp;with&nbsp;default&nbsp;weight&nbsp;for&nbsp;all&nbsp;(weight=1)<br>&nbsp;&nbsp;server&nbsp;192.168.250.220:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.221:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.222:8080<br>}<br></code></pre>
<h5 data-tool="mdnice编辑器">加权最少连接</h5>
<pre data-tool="mdnice编辑器"><code>upstream&nbsp;bck_testing_01&nbsp;{<br>&nbsp;&nbsp;least_conn;<br><br>&nbsp;&nbsp;server&nbsp;192.168.250.220:8080&nbsp;&nbsp;&nbsp;weight=3<br>&nbsp;&nbsp;server&nbsp;192.168.250.221:8080&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;default&nbsp;weight=1<br>&nbsp;&nbsp;server&nbsp;192.168.250.222:8080&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;default&nbsp;weight=1<br>}<br></code></pre>
<h5 data-tool="mdnice编辑器">IP Hash</h5>
<pre data-tool="mdnice编辑器"><code>upstream&nbsp;bck_testing_01&nbsp;{<br><br>&nbsp;&nbsp;ip_hash;<br><br>&nbsp;&nbsp;#&nbsp;with&nbsp;default&nbsp;weight&nbsp;for&nbsp;all&nbsp;(weight=1)<br>&nbsp;&nbsp;server&nbsp;192.168.250.220:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.221:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.222:8080<br><br>}<br></code></pre>
<h5 data-tool="mdnice编辑器">普通 Hash</h5>
<pre data-tool="mdnice编辑器"><code>upstream&nbsp;bck_testing_01&nbsp;{<br><br>&nbsp;&nbsp;hash&nbsp;$request_uri;<br><br>&nbsp;&nbsp;#&nbsp;with&nbsp;default&nbsp;weight&nbsp;for&nbsp;all&nbsp;(weight=1)<br>&nbsp;&nbsp;server&nbsp;192.168.250.220:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.221:8080<br>&nbsp;&nbsp;server&nbsp;192.168.250.222:8080<br><br>}<br></code></pre>
<h4 data-tool="mdnice编辑器">网站有多个 webapp 的配置</h4>
<p data-tool="mdnice编辑器">当一个网站功能越来越丰富时,往往需要将一些功能相对独立的模块剥离出来,独立维护。这样的话,通常,会有多个 webapp。</p>
<p data-tool="mdnice编辑器">举个例子:假如 www.helloworld.com 站点有好几个 webapp,finance(金融)、product(产品)、admin(用户中心)。访问这些应用的方式通过上下文(context)来进行区分:</p>
<p data-tool="mdnice编辑器">www.helloworld.com/finance/</p>
<p data-tool="mdnice编辑器">www.helloworld.com/product/</p>
<p data-tool="mdnice编辑器">www.helloworld.com/admin/</p>
<p data-tool="mdnice编辑器">我们知道,http 的默认端口号是 80,如果在一台服务器上同时启动这 3 个 webapp 应用,都用 80 端口,肯定是不成的。所以,这三个应用需要分别绑定不同的端口号。</p>
<p data-tool="mdnice编辑器">那么,问题来了,用户在实际访问 www.helloworld.com 站点时,访问不同 webapp,总不会还带着对应的端口号去访问吧。所以,你再次需要用到反向代理来做处理。</p>
<p data-tool="mdnice编辑器">配置也不难,来看看怎么做吧:</p>
<pre data-tool="mdnice编辑器"><code>http&nbsp;{<br>&nbsp;#此处省略一些基本配置<br><br>&nbsp;upstream&nbsp;product_server{<br>&nbsp;&nbsp;server&nbsp;www.helloworld.com:8081;<br>&nbsp;}<br><br>&nbsp;upstream&nbsp;admin_server{<br>&nbsp;&nbsp;server&nbsp;www.helloworld.com:8082;<br>&nbsp;}<br><br>&nbsp;upstream&nbsp;finance_server{<br>&nbsp;&nbsp;server&nbsp;www.helloworld.com:8083;<br>&nbsp;}<br><br>&nbsp;server&nbsp;{<br>&nbsp;&nbsp;#此处省略一些基本配置<br>&nbsp;&nbsp;#默认指向product的server<br>&nbsp;&nbsp;location&nbsp;/&nbsp;{<br>&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://product_server;<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;location&nbsp;/product/{<br>&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://product_server;<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;location&nbsp;/admin/&nbsp;{<br>&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://admin_server;<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;location&nbsp;/finance/&nbsp;{<br>&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://finance_server;<br>&nbsp;&nbsp;}<br>&nbsp;}<br>}<br></code></pre>
<h4 data-tool="mdnice编辑器">静态站点</h4>
<p data-tool="mdnice编辑器">有时候,我们需要配置静态站点(即 html 文件和一堆静态资源)。</p>
<p data-tool="mdnice编辑器">举例来说:如果所有的静态资源都放在了 /app/dist 目录下,我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。</p>
<p data-tool="mdnice编辑器">配置如下:</p>
<pre data-tool="mdnice编辑器"><code>worker_processes&nbsp;&nbsp;1;<br><br>events&nbsp;{<br>&nbsp;worker_connections&nbsp;&nbsp;1024;<br>}<br><br>http&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;include&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mime.types;<br>&nbsp;&nbsp;&nbsp;&nbsp;default_type&nbsp;&nbsp;application/octet-stream;<br>&nbsp;&nbsp;&nbsp;&nbsp;sendfile&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;on;<br>&nbsp;&nbsp;&nbsp;&nbsp;keepalive_timeout&nbsp;&nbsp;65;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;gzip&nbsp;on;<br>&nbsp;&nbsp;&nbsp;&nbsp;gzip_types&nbsp;text/plain&nbsp;application/x-javascript&nbsp;text/css&nbsp;application/xml&nbsp;text/javascript&nbsp;application/javascript&nbsp;image/jpeg&nbsp;image/gif&nbsp;image/png;<br>&nbsp;&nbsp;&nbsp;&nbsp;gzip_vary&nbsp;on;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;server&nbsp;{<br>&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80;<br>&nbsp;&nbsp;server_name&nbsp;&nbsp;static.zp.cn;<br><br>&nbsp;&nbsp;location&nbsp;/&nbsp;{<br>&nbsp;&nbsp;&nbsp;root&nbsp;/app/dist;<br>&nbsp;&nbsp;&nbsp;index&nbsp;index.html;<br>&nbsp;&nbsp;&nbsp;#转发任何请求到&nbsp;index.html<br>&nbsp;&nbsp;}<br>&nbsp;}<br>}<br></code></pre>
<p data-tool="mdnice编辑器">然后,添加 HOST:</p>
<p data-tool="mdnice编辑器">127.0.0.1 static.zp.cn</p>
<p data-tool="mdnice编辑器">此时,在本地浏览器访问 static.zp.cn ,就可以访问静态站点了。</p>
<h4 data-tool="mdnice编辑器">搭建文件服务器</h4>
<p data-tool="mdnice编辑器">有时候,团队需要归档一些数据或资料,那么文件服务器必不可少。使用 Nginx 可以非常快速便捷的搭建一个简易的文件服务。</p>
<p data-tool="mdnice编辑器">Nginx 中的配置要点:</p>
<p data-tool="mdnice编辑器">将 autoindex 开启可以显示目录,默认不开启。</p>
<p data-tool="mdnice编辑器">将 autoindex_exact_size 开启可以显示文件的大小。</p>
<p data-tool="mdnice编辑器">将 autoindex_localtime 开启可以显示文件的修改时间。</p>
<p data-tool="mdnice编辑器">root 用来设置开放为文件服务的根路径。</p>
<p data-tool="mdnice编辑器">charset 设置为 charset utf-8,gbk;,可以避免中文乱码问题(windows 服务器下设置后,依然乱码,本人暂时没有找到解决方法)。 一个最简化的配置如下:</p>
<pre data-tool="mdnice编辑器"><code>autoindex&nbsp;on;#&nbsp;显示目录<br>autoindex_exact_size&nbsp;on;#&nbsp;显示文件大小<br>autoindex_localtime&nbsp;on;#&nbsp;显示文件时间<br><br>server&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;charset&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;utf-8,gbk;&nbsp;#&nbsp;windows&nbsp;服务器下设置后,依然乱码,暂时无解<br>&nbsp;&nbsp;&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9050&nbsp;default_server;<br>&nbsp;&nbsp;&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[::]:9050&nbsp;default_server;<br>&nbsp;&nbsp;&nbsp;&nbsp;server_name&nbsp;&nbsp;_;<br>&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/share/fs;<br>}<br></code></pre>
<h4 data-tool="mdnice编辑器">解决跨域</h4>
<p data-tool="mdnice编辑器">web 领域开发中,经常采用前后端分离模式。这种模式下,前端和后端分别是独立的 web 应用程序,例如:后端是 Java 程序,前端是 React 或 Vue 应用。</p>
<p data-tool="mdnice编辑器">各自独立的 web app 在互相访问时,势必存在跨域问题。解决跨域问题一般有两种思路:</p>
<h5 data-tool="mdnice编辑器">1.CORS</h5>
<p data-tool="mdnice编辑器">在后端服务器设置 HTTP 响应头,把你需要允许访问的域名加入 Access-Control-Allow-Origin 中。</p>
<h5 data-tool="mdnice编辑器">2.jsonp</h5>
<p data-tool="mdnice编辑器">把后端根据请求,构造 json 数据,并返回,前端用 jsonp 跨域。</p>
<p data-tool="mdnice编辑器">这两种思路,本文不展开讨论。</p>
<p data-tool="mdnice编辑器">需要说明的是,nginx 根据第一种思路,也提供了一种解决跨域的解决方案。</p>
<p data-tool="mdnice编辑器">举例:www.helloworld.com 网站是由一个前端 app ,一个后端 app 组成的。前端端口号为 9000, 后端端口号为 8080。</p>
<p data-tool="mdnice编辑器">前端和后端如果使用 http 进行交互时,请求会被拒绝,因为存在跨域问题。来看看,nginx 是怎么解决的吧:</p>
<p data-tool="mdnice编辑器">首先,在 enable-cors.conf 文件中设置 cors :</p>
<pre data-tool="mdnice编辑器"><code>#&nbsp;allow&nbsp;origin&nbsp;list<br>set&nbsp;$ACAO&nbsp;'*';<br><br>#&nbsp;set&nbsp;single&nbsp;origin<br>if&nbsp;($http_origin&nbsp;~*&nbsp;(www.helloworld.com)$)&nbsp;{<br>&nbsp;&nbsp;set&nbsp;$ACAO&nbsp;$http_origin;<br>}<br><br>if&nbsp;($cors&nbsp;=&nbsp;"trueget")&nbsp;{<br>&nbsp;add_header&nbsp;'Access-Control-Allow-Origin'&nbsp;"$http_origin";<br>&nbsp;add_header&nbsp;'Access-Control-Allow-Credentials'&nbsp;'true';<br>&nbsp;add_header&nbsp;'Access-Control-Allow-Methods'&nbsp;'GET,&nbsp;POST,&nbsp;OPTIONS';<br>&nbsp;add_header&nbsp;'Access-Control-Allow-Headers'&nbsp;'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';<br>}<br><br>if&nbsp;($request_method&nbsp;=&nbsp;'OPTIONS')&nbsp;{<br>&nbsp;&nbsp;set&nbsp;$cors&nbsp;"${cors}options";<br>}<br><br>if&nbsp;($request_method&nbsp;=&nbsp;'GET')&nbsp;{<br>&nbsp;&nbsp;set&nbsp;$cors&nbsp;"${cors}get";<br>}<br><br>if&nbsp;($request_method&nbsp;=&nbsp;'POST')&nbsp;{<br>&nbsp;&nbsp;set&nbsp;$cors&nbsp;"${cors}post";<br>}<br></code></pre>
<p data-tool="mdnice编辑器">接下来,在你的服务器中 include enable-cors.conf 来引入跨域配置:</p>
<pre data-tool="mdnice编辑器"><code>#&nbsp;----------------------------------------------------<br>#&nbsp;此文件为项目&nbsp;nginx&nbsp;配置片段<br>#&nbsp;可以直接在&nbsp;nginx&nbsp;config&nbsp;中&nbsp;include(推荐)<br>#&nbsp;或者&nbsp;copy&nbsp;到现有&nbsp;nginx&nbsp;中,自行配置<br>#&nbsp;www.helloworld.com&nbsp;域名需配合&nbsp;dns&nbsp;hosts&nbsp;进行配置<br>#&nbsp;其中,api&nbsp;开启了&nbsp;cors,需配合本目录下另一份配置文件<br>#&nbsp;----------------------------------------------------<br><br>upstream&nbsp;front_server{<br>&nbsp;&nbsp;server&nbsp;www.helloworld.com:9000;<br>}<br>upstream&nbsp;api_server{<br>&nbsp;&nbsp;server&nbsp;www.helloworld.com:8080;<br>}<br><br>server&nbsp;{<br>&nbsp;&nbsp;listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80;<br>&nbsp;&nbsp;server_name&nbsp;&nbsp;www.helloworld.com;<br><br>&nbsp;&nbsp;location&nbsp;~&nbsp;^/api/&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;include&nbsp;enable-cors.conf;<br>&nbsp;&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://api_server;<br>&nbsp;&nbsp;&nbsp;&nbsp;rewrite&nbsp;"^/api/(.*)$"&nbsp;/$1&nbsp;break;<br>&nbsp;&nbsp;}<br><br>&nbsp;&nbsp;location&nbsp;~&nbsp;^/&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;proxy_pass&nbsp;http://front_server;<br>&nbsp;&nbsp;}<br>}<br></code></pre>
<p data-tool="mdnice编辑器">到此,就完成了。</p>
<h4 data-tool="mdnice编辑器">资源</h4>
<p data-tool="mdnice编辑器">Nginx 的中文维基&nbsp;</p>
<p data-tool="mdnice编辑器">https://tool.oschina.net/apidocs/apidoc?api=nginx-zh&nbsp;</p>
<p data-tool="mdnice编辑器">Nginx 开发从入门到精通&nbsp;</p>
<p data-tool="mdnice编辑器">http://tengine.taobao.org/book/index.html&nbsp;</p>
<p data-tool="mdnice编辑器">nginx-admins-handbook&nbsp;</p>
<p data-tool="mdnice编辑器">https://github.com/trimstray/nginx-admins-handbook nginxconfig.io</p>
<p data-tool="mdnice编辑器">一款 Nginx 配置生成器&nbsp;</p>
<p data-tool="mdnice编辑器">https://www.digitalocean.com/community/tools/nginx#?</p><br><br>
来源:https://www.cnblogs.com/testzcy/p/13261161.html
頁: [1]
查看完整版本: nginx教程 转自:https://github.com/dunwu/nginx-tutorial