教育项目--nginx【25】

﹏ヽ暗。殇╰゛Y 2023-10-05 18:33 10阅读 0赞

#### nginx的配置 ####

*  1.安装nginx
 *  2.启动\`nginx\`
 *  3.检查nginx是否启动成功
 *  4.关闭\`nginx\`
 *  5.使用nginx代理服务器做负载均衡
 *  6.nginx配置静态资源
 *  7.添加我们项目的服务器
 *  8.测试

反向代理服务器

功能：

> 1.请求转发  
> 2.负载均衡  
> 3.动静分离

## 1.安装nginx ##

这里小编使用的是1.18.0版本的【最新的】

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70]

cmd打开  
这里注意一下，是`nginx`不可以安装在有中文路径的目录下，要不可能会出现

No mapping for the Unicode character exists in the target multi-byte code pa

## 2.启动`nginx` ##

有很多种方法启动`nginx`

(1)直接双击`nginx.exe`，双击后一个黑色的弹窗一闪而过

(2)打开`cmd`命令窗口，切换到`nginx`解压目录下，输入命令 `nginx.exe` 或者 `start nginx`，回车即可

启动之后cmd窗口上的光标会一直在闪

## 3.检查nginx是否启动成功 ##

直接在浏览器地址栏输入网址 `http://localhost:80`，回车，出现以下页面说明启动成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 1]  
也可以在cmd命令窗口输入命令 `tasklist /fi "imagename eq nginx.exe"` ，出现如下结果说明启动成功  
![在这里插入图片描述][20210128183204194.png]  
nginx的配置文件是conf目录下的`nginx.conf`，默认配置的nginx监听的端口为80，如果80端口被占用可以修改为未被占用的端口即可

检查80端口是否被占用的命令是： `netstat -ano | findstr 0.0.0.0:80` 或 `netstat -ano | findstr "80"`

当我们修改了`nginx`的配置文件`nginx.conf`时，不需要关闭`nginx`后重新启动`nginx`，只需要执行命令 `nginx -s reload` 即可让改动生效

## 4.关闭`nginx` ##

如果使用`cmd`命令窗口启动`nginx`，关闭`cmd`窗口是不能结束`nginx`进程的，可使用两种方法关闭`nginx`

(1)输入`nginx`命令 `nginx -s stop(快速停止nginx)` 或 `nginx -s quit(完整有序的停止nginx)`

(2)使用`taskkill taskkill /f /t /im nginx.exe`

## 5.使用nginx代理服务器做负载均衡 ##

我们可以修改`nginx`的配置文件`nginx.conf`达到访问`nginx`代理服务器时跳转到指定服务器的目的，即通过`proxy_pass` 配置请求转发地址，即当我们依然输入`http://localhost:81` 时，请求会跳转到我们配置的服务器

\[修改了80端口为81\]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 2]

同理，我们可以配置多个目标服务器，当一台服务器出现故障时，nginx能将请求自动转向另一台服务器，例如配置如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 3]

当服务器`localhost:8080` 挂掉时，`nginxnginx`能将请求自动转向服务器 `192.168.101.9:8080`。上面还加了一个weight属性，此属性表示各服务器被访问到的权重，weight

越高被访问到的几率越高。

## 6.nginx配置静态资源 ##

将静态资源（如jpg|png|css|js等）放在如下配置的`f:/nginx-1.12.2/static`目录下，然后在`nginx`配置文件中做如下配置(注意：静态资源配置只能放在 location / 中)，浏览器中访问 `http://localhost:80/1.png` 即可访问到 `f:/nginx-1.12.2/static`目录下的 `1.png`图片  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 4]

## 7.添加我们项目的服务器 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 5]

server {
        
    
    		listen 9002;
    		server_name localhost;
    
    		location ~ /eduService/ {
                   
    			 proxy_pass http://localhost:8005;
    		}
    		location ~ /eduoss/ {
                   
    			 proxy_pass http://localhost:8006;
    		}
    		location ~ // {   
    			 rewrite /(.+)$ /mock/5950a2419adc231f356a6636/vue-admin/$1  break; 
    			 proxy_pass https://www.easy-mock.com;
    		}
    	}

## 8.测试 ##

测试的时候进行了端口的修改【9001】换【9002】端口占用  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 8]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210128182921141.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210128183114445.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[20210128183204194.png]: https://img-blog.csdnimg.cn/20210128183204194.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210128184224867.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210128183305102.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/2021012818325614.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/2021012818490716.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20210129103320884.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20210129104012898.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20210129104042264.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phdmFiYWliYWk=,size_16,color_FFFFFF,t_70