1. 前言

本篇博文主要是通过 Nginx 服务器代理静态资源。主要有两个案例，其中一个是 Nginx 配置静态资源，另一个是 Nginx 配置静态网站。

常见静态资源类型：

  • 浏览器端渲染：HTML、CSS、JS
  • 图片：JPEG、GIF、PNG
  • 视频：FLV、MPEG
  • 文件：TXT 等任意下载文件

2. Nginx 配置静态资源

具体步骤如下：

  1. 上传图片到指定盘符；
  2. 创建 nginx 配置文件；
  3. 检测 nginx 配置文件，并刷新配置文件；
  4. 开放防火墙端口，并刷新配置；
  5. 进行访问；

2.1. 实现步骤

  1. 上传图片到指定盘符

    • 上传路径：/home/images 盘符下

    image-20230511000644277

  2. 创建 nginx 配置文件。

    • 配置文件路径：/etc/nginx/conf

    • 配置文件名称：8000.conf 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    # 虚拟主机server块
    server {
     
         # 端口
         listen 8000;
         # 匹配请求中的host值
         server_name    localhost;
     
         # 监听请求静态资源 图片 路径
         location /images {
              # 查找目录
              root /home;
         }
     
    }

  3. 检测 nginx 配置文件，并刷新配置文件。

    1
    2
    3
    4
    5
    [root@VM-0-9-centos images]# /usr/sbin/nginx -t # 检测配置文件命令
    nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
    nginx: configuration file /etc/nginx/nginx.conf test is successful
    [root@VM-0-9-centos images]# /usr/sbin/nginx -s reload # 刷新配置文件
    [root@VM-0-9-centos images]#

  4. 开放防火墙端口，并刷新配置。

    如果为 阿里云 或者 腾讯云 需要配置安全组规则。例如：阿里云-配置安全组规则

    1
    2
    3
    4
    5
    [root@VM-0-9-centos images]# firewall-cmd --zone=public --add-port=8000/tcp --permanent # 开放8000端口
    success
    [root@VM-0-9-centos images]# firewall-cmd --reload # 刷新防火墙配置
    success
    [root@VM-0-9-centos images]#

  5. 进行访问

    • 访问路径：http:ip:8000/images/20230506231750.jpg

    image-20230511013614304

3. Nginx 配置静态网站

3.1. 准备工作

Nginx 配置静态网站，AdminLTE 后台管理系统。

3.2. 实现步骤

具体步骤如下：

  1. 上传静态资源到指定盘符；
  2. nginx 配置文件；
  3. 检测 nginx 配置文件，并刷新配置文件；
  4. 开放防火墙端口，并刷新配置；
  5. 进行访问；

  1. 上传静态资源到指定盘符

    • 上传路径：/home/images 盘符下

    image-20230511012248028

  2. 创建 Nginx 配置文件

    • 配置文件路径：/etc/nginx/conf
    • 配置文件名称：8001.conf 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # 配置虚拟主机的相关参数，可以有多个
    server{
     
        # 监听端口, 监听可以配置成IP 或 端口或IP+端口listen 127.0.0.1:8000;
        listen 8001;
        # 通过请求中的 host 值，找到对应的虚拟主机的配置
        server_name nginx-dev;
         
        # 配置请求路由，location 总是从/目录开始匹配。
        # 例如：/static/css ==》 location /css {   root /static;  }
        location / {
            root /home/static/AdminLTE-3.2.0;
            index index.html index2.html index3.html;
        }
       
    }

  3. 检测 nginx 配置文件，并刷新配置文件

    1
    2
    3
    4
    5
    [root@VM-0-9-centos images]# /usr/sbin/nginx -t # 检测配置文件命令
    nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
    nginx: configuration file /etc/nginx/nginx.conf test is successful
    [root@VM-0-9-centos images]# /usr/sbin/nginx -s reload # 刷新配置文件
    [root@VM-0-9-centos images]#

  4. 开放防火墙端口，并刷新配置

    如果为 阿里云 或者 腾讯云 需要配置安全组规则。例如：阿里云-配置安全组规则

    1
    2
    3
    4
    5
    [root@VM-0-9-centos images]# firewall-cmd --zone=public --add-port=8001/tcp --permanent # 开放8001端口
    success
    [root@VM-0-9-centos images]# firewall-cmd --reload # 刷新防火墙配置
    success
    [root@VM-0-9-centos images]#

  5. 进行访问

    image-20230511013353075

4. 参考博文