Nginx教程(2)

川长思鸟来 2024-03-30 09:39 47阅读 0赞

#### 文章目录 ####

*   *  2.1 Nginx解决跨域问题
     *  2.2 Nginx解决静态资源防盗链问题
     *  2.3 Nginx的模块化体系
     *  2.4 Nginx集群负载均衡
     *  2.5 四层负载均衡和七层负载均衡
     *  2.6 使用Nginx构建Tomcat集群

### 2.1 Nginx解决跨域问题 ###

> 所谓的跨域问题是指，比如我们现在我们访问域名www.imooc.com，在主页我们可能要同于异步访问淘宝和其它域名，这些域名与imooc不属于同一个域，而这些跨域访问通常是被拒绝的，这个问题就是所谓的跨域问题，解决跨域问题我们是通过Cors跨域资源共享来解决的，其允许浏览器向跨Origin的服务器发起js请求获取响应，实现跨域的形式通常有三种，分别是Jsonp、springBoot Cors 和Nginx。下面展示如何在nginx中配置（现在访问80端口，就支持跨域了）：

1.  首先在本地准备一个html文件

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        
        <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    
    
    </head>
    <body>
        <h1>test</h1>
        <div id="nginxCors"></div>
        <script type="text/javascript">
            var index=new Vue({
          
                el:"#nginxCors",
                data:{
          
                },
                created() {
          
                    this.testCors();
                },
                methods: {
          
                    testCors(){
          
                        var serverUrl="http://www.imooc.com:90/images/logo.jpg";
    //这里我在host文件中对域名进行了绑定，为原来的ip地址指定了域名（这里可以童工修改host文件或通过软件SwitchHost）
                        axios.get(serverUrl,{
          }).then(res=>
                        {
          
                            console.log(res);
                        });
                    }
                },
            })
        </script>
    </body>
    </html>

1.  运行文件后出现跨域问题  
    ![在这里插入图片描述][b5a4c1bb3d0649d9af8aca33634d823d.png]
2.  配置nginx重启nginx解决跨域问题

#允许跨域请求的域，*代表所有
    add_header 'Access-Control-Allow-Origin' *;
    #允许带上cookie请求
    add header 'Access-Control-Allow-Credentials' 'true';
    #允许请求的方法，比如Get/Post/Put/Delete
    add_header 'Access-Control-Allow-Methods' *;
    #允许请求的header
    add_header 'Access-Control-Allow-Headers' *;

![在这里插入图片描述][d5c8cdfbf7ea4b5ebe6c26a4ac17639b.png]

1.  再次运行跨域问题得到结果，正确获取到数据

![在这里插入图片描述][0c1520b5cfb74fb9b5e794fccb56be57.png]

### 2.2 Nginx解决静态资源防盗链问题 ###

> 为了防止其它站点访问本站点的图片（或其它静态资源），我们可以对图片资源设置静态防盗链

1.  修改html文件并运行![在这里插入图片描述][7409ba781431477c8d652919b84804f6.png]

> 可以发现成功访问到了图片

![在这里插入图片描述][e26e70cd4e194553a0c758c82ccefd10.png]

1.  配置nginx防盗链

#对源站点进行验证
              valid_referers *.imooc.com; 
             #非法引用进行下面判断
              if($invalid_referer){
        
                    return 404;
            }

![在这里插入图片描述][46ba06ba8cd94e1e97c51a18b273202d.png]  
现在图片文件就请求不了了，并返回了404  
![在这里插入图片描述][69a9c4afe72b42b38545a05e54e36153.png]

### 2.3 Nginx的模块化体系 ###

> 对于nginx，首先它有一个nginx core，是nginx最核心的内容，里面实现了底层的一些通信协议，并为其它nginx的其他模块和进程提供了运行的环境；nginx core主要分为两个主要模块，其中一个是http模块，另一个是mail模块。主要组成如下：

![在这里插入图片描述][e04677456cad4f97bc6f383a4924da1c.jpeg]  
event module：事件模块  
phase handler：用于处理客户端的请求，处理后负责内容的一个响应  
output filter：在phase handler处理完后，会经过一个这个过滤器，它会过滤掉一部分内容然后返回给浏览器  
upstream：反向代理模块，它会把用户请求转发到真实的服务器地址，进行响应  
load balancer：负载均衡器，用于实现集群  
extend module：继承模块，用于实现第三方

### 2.4 Nginx集群负载均衡 ###

> 负载均衡（Load Balance）其意思就是分摊到多个操作单元上进行执行，例如Web服务器、FTP服务器、企业关键应用服务器和其它关键任务服务器等，从而共同完成工作任务。

![在这里插入图片描述][24f7582b7bde4457b6180a483bdf63a0.png]

> 用户的请求痛殴Nginx处理，分发到不同的服务器进行处理，这些服务器我们叫做upstream

### 2.5 四层负载均衡和七层负载均衡 ###

> 四层负载均衡指的是通过ip+端口进行转发；七层负载均衡指的是通过URL、浏览器类别、语言等应用层信息进行转发。七层负载均衡举个例子，如果你的Web服务器分成两组，一组是中文语言的，一组是英文语言的，那么七层负载均衡就可以当用户来访问你的域名时，自动辨别用户语言，然后选择对应的语言服务器组进行负载均衡处理。（[负载均衡原理可以看我这个ppt][ppt]）这里不作详细讲解。

### 2.6 使用Nginx构建Tomcat集群 ###

> 创建四台虚拟机，一台作为Nginx代理服务器，另外三台作为Tomcat服务器，其IP地址如下

<table> 
 <thead> 
  <tr> 
   <th>服务器名称</th> 
   <th>IP地址</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Nginx代理服务器</td> 
   <td>172.16.23.145</td> 
  </tr> 
  <tr> 
   <td>tomcat1</td> 
   <td>172.16.23.146</td> 
  </tr> 
  <tr> 
   <td>tomcat2</td> 
   <td>172.16.23.147</td> 
  </tr> 
  <tr> 
   <td>tomcat3</td> 
   <td>172.16.23.148</td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][9175b89e6b0d4d8aa458ddb84303211a.jpeg]

全部使用FinalShell进行了连接，集群服务器都已经安装了Tomcat服务  
![在这里插入图片描述][d148f06cad654aaba79647e80eff368c.png]

> 每个集群服务器的Tomcat都已经启动（注意关闭防火墙），下面在Nginx服务器的conf文件中进行上游配置

#配置上游服务器
        upstream tomcats{
        
            server 172.16.23.146:8080;
            server 172.16.23.147:8080;
            server 172.16.23.148:8080;
         }
         server {
        
            listen 80;
            server_name www.tomcats.com;
    
            location /{
        
               proxy_pass http://tomcats;
    
        }
    }

> 在switchHost中配置域名映射（也可以直接在本机的host文件中配置）

![在这里插入图片描述][0d6aab55568243839c135a404dec4a8a.png]  
以上Tomcat的一个简单集群就搭建完了

[b5a4c1bb3d0649d9af8aca33634d823d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/c645ec3e169f48de8b3196f68e773e86.png
[d5c8cdfbf7ea4b5ebe6c26a4ac17639b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/9cc2354c9a7a4e5ea997c13c5b6ef450.png
[0c1520b5cfb74fb9b5e794fccb56be57.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0702e9f4cad54412af445077078d280d.png
[7409ba781431477c8d652919b84804f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/1dac5a3d18b041778981dfc1a3e6d441.png
[e26e70cd4e194553a0c758c82ccefd10.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/d14427690e134dbb91242bbc8a7a98ff.png
[46ba06ba8cd94e1e97c51a18b273202d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/9629a8c257f1447bb810fa65bf4987b0.png
[69a9c4afe72b42b38545a05e54e36153.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/cb0681fde8cc4f3b945a2b9056acc025.png
[e04677456cad4f97bc6f383a4924da1c.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/2596c0608ec74f08934b21e660933927.jpeg
[24f7582b7bde4457b6180a483bdf63a0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/d78150ba53ba4a1985cfc541a3ad51af.png
[ppt]: https://download.csdn.net/download/qq_43456605/87301195
[9175b89e6b0d4d8aa458ddb84303211a.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/4f49a91b348043448f694c200acd094b.jpeg
[d148f06cad654aaba79647e80eff368c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0bb0afef9261442bbd2031adc2508a45.png
[0d6aab55568243839c135a404dec4a8a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/4c850e7536d0417ba52a620770b933f7.png