很简单——使用nginx将服务器作为图片服务器

心已赠人 2023-10-08 12:08 97阅读 0赞

## 1.图片服务器 ##

现在web项目，无论是项目的大小，都会需要用到图片服务器，使web项目和图片分开。因为图片是很占用服务器资源的。使用单独的服务器做图片服务器，能有效的降低，页面请求时web服务器端的压力，确保web服务器不会因为图片渲染原因，导致系统崩溃。**下面就以windows服务器为例，使用Nginx将服务器作为图片服务器。**

## 2.下载Nginx ##

### 2.1.Nginx下载地址 ###

[下载：nginx][nginx]

### 2.2 .选择版本 ###

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

### 2.3.解压nginx ###

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

### 2.4.进入conf文件夹修改nginx.conf文件 ###

打开nginx.conf文件，在第一个**server**中找到**listen** 将他的值改为其他端口号，如80、8089；然后在第一个**location /** 的上方添加配置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 2]  
**需添加配置：**

location ~ .*\.(gif|jpg|jpeg|png)$ {
         
    expires 24h; 
    root G:/images/;#指定图片存放路径 
    access_log G:/images/log;#图片路径 
    proxy_store on; 
    proxy_store_access user:rw group:rw all:rw; 
    proxy_temp_path G:/images/;#图片路径 
    proxy_redirect off; 
     
    proxy_set_header Host 101.37.118.113 
    proxy_set_header X-Real-IP $remote_addr; 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    client_max_body_size 10m; 
    client_body_buffer_size 1280k; 
    proxy_connect_timeout 900; 
    proxy_send_timeout 900; 
    proxy_read_timeout 900; 
    proxy_buffer_size 40k; 
    proxy_buffers 40 320k; 
    proxy_busy_buffers_size 640k; 
    proxy_temp_file_write_size 640k; 
    if ( !-e $request_filename) 
    {
         
    proxy_pass http://101.37.118.113:8089; #代理访问地址
    } 
    }

将上述的配置中的**proxy\_set\_header Host**改为自己服务器的公网IP；  
**proxy\_pass http**是代理访问地址，可以隐藏真实服务器的地址，如果想做改变，可以做相应的改变。  
**注意：** 将**server** 中的 **listen** 端口号改变后，需要将服务器的相应的接口要打开！

## 3.启动nginx服务 ##

在解压文件中，找到nginx的绿色滴图标，双击运行。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 3]

## 4.测试 ##

在浏览器中输入**公网IP**\+**端口号**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 4]出现上图片所示情况，代表nginx启动成功！接着我们访问此台服务器上的图片：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 5]  
**成功！**

[nginx]: http://nginx.org/en/download.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200313184632645.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200313184743142.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200313190902688.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200313192224862.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200313192426657.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200313192922728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70