Nginx配置图片服务器(Nginx极简配置说明)

一、概述

同学们大家好，今天给大家带来Nginx的一篇实践配置总结，主要是Nginx做静态图片服务器的详情配置说明，还包括做反向代理、动静分离、负载均衡的极简配置。

 二、Nginx安装

Nginx下载地址：nginx: download

Windows 下载nginx/Windows-1.xx.xx.zip后直接解压即可；

Linux：

1. 下载nginx-1.xx.xx.tar.gz代码包、解压，标准存放路径 /usr/local/nginx 没有可以自己创建；

2. 进入nginx-1.xx.xx目录；

3 安装Nginx依赖模块14.2 安装依赖2

yum -y install make zlib zlib-devel gcc-c++ libtool  openssl openssl-devel pcre-devel

4. 添加3个模块

./configure --prefix=/usr/local/nginx --with-http_ssl_module --with-http_v2_module --with-stream

--with-http_ssl_module # 配置HTTPS时使用
--with-http_v2_module # 配置GOLANG语言时使用
--with-stream # 启用TCP/UDP代理服务

5. 编译和安装

make && make install

三、nginx命令

切换到/usr/local/nginx/sbin

• 检查配置文件./nginx -t /usr/local/nginx/conf/nginx.conf
• 版本./nginx -v
• 启动./nginx
• 重启./nginx -s reload
• 关闭./nginx -s stop(不推荐）
• 优雅关闭./nginx -s quit
• 使用指定配置重启./nginx -s reload -c /usr/local/nginx/conf/nginx.conf

四、前后端分离配置（动静分离）

location / {
  root   /data/html;
  try_files $uri $uri/ /index.html;
  index  index.html index.htm;
}

root 是匹配到规则后指向到/data/html下查找；

try_files 解决前端`history`模式刷新页面导致404的问题；

五、反向代理（后台接口转发）

location /api/ {
  proxy_pass http://localhost:8080/;
}

proxy_pass 转发到指定地址；

六、负载均衡

http模块下，server模块外配置，负载均衡服务

upstream my_server { //配置负载均衡服务
  # ip_hash; # ip轮询添加此配置
  server localhost:8080;
  server localhost:8081;
  # server localhost:8082 weight=2; # 权重配置
  # server localhost:8083 backup; # 热备配置
}

 再在反向代理中配置上面的负责均衡服务

location /api/ {         
  proxy_pass http://my_server;  #请求转向mysvr 定义的服务器列表         
}

 七、配置图片服务器（静态服务器）

配置图片服务器可以使用两个配置项root或alias，主要区别是root在匹配命中时会将浏览器访问上下文路径追加到root配置的文件地址后面（包含匹配路径）；alias会将匹配的路径之后的路径追加到alias配置的文件地址后面（不包含匹配路径）；

常规配置图片服务器实践：

7.1 root方式配置

一般推荐使用root匹配规则，可以使用前缀匹配（/images/）或正则匹配（~ .*\.(gif|jpg|pdf|jpeg|png)$）

a 前缀匹配

location /images/ {
    root  D:/data/www;
}

想要的访问路径http://localhost/images/2022/07/nginx.jpg

图片本地地址/data/www/images/2022/07/nginx.jpg

 b 正则匹配

location ~ .*\.(gif|jpg|pdf|jpeg|png)$ {
    root  /data/www;
}

一样的访问方式，就不截图了；

7.2 alias（别名）配置

一般使用场景：访问路径和文件地址有较大差异的。

想要的浏览器访问路径http://localhost/wtao/api/static/images/2022/07/nginx.jpg

图片本地地址/data/www/images/2022/07/nginx.jpg

规则配置 alias最后的 / 一定要加上。

location /wtao/api/static/ {
	alias  /data/www/;
}

八、其他配置项

8.1 修改nginx默认上传文件大小限制(默认10M)，在http或server模块中添加都可。

server {
    client_max_body_size 500M;
}

8.2 访问http链接重定向到https路径

rewrite ^(.*)$ https://${server_name}$1 permanent;

8.3 配置SSL证书(证书在nginx/config/cert下)

server {
     
      listen 443 ssl; 

      server_name vr-cxxxxxxur.com; 
  
      ssl_certificate cert/www.vr-cxxxxxxur.com_bundle.crt; 

      ssl_certificate_key cert/www.vr-cxxxxxxur.com.key; 
      ssl_session_timeout 5m;

      ssl_protocols TLSv1.2 TLSv1.3; 

      ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; 
      ssl_prefer_server_ciphers on;

      location / {
        alias /data/school/dist/;
        try_files $uri $uri/ /index.html;
        index  index.html index.htm;
	  }

      location /api {
        proxy_pass http://localhost:8080/api;
      }
   }

 8.4 前端如果需要不同路径映射到各自目录的话，第二个及其他需要使用alias指定具体目录位置， (nginx在同一个server下的不同location中不能存在两个root)；

示例：

# 后台接口转发
location /crmebAdmin {
  proxy_pass http://127.0.0.1:20000/crmebAdmin;
}

# 其他目录映射
location /admin {
  alias /opt/html/admin/dist/;
}

# 其他目录映射2
location /mp {
  alias /home/data/nginx/mp/;
}


# 基本目录映射
location / {
  root /opt/html/h5/;
  try_files $uri $uri/ /index.html;
}

（完~）