nginx 解析静态内容demo

ゞ浴缸里的玫瑰 2022-02-27 09:10 213阅读 0赞

# 1. OpenResty 安装配置 #

OpenResty 安装配置请参考：[OpenResty 安装配置][OpenResty]

# 2. 创建静态资源 #

mkdir -p /data/www/  
touch index.html  
注：index.html 内容如下:

<!DOCTYPE html>
    <html>
    
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    
    <body>
    这是一个 nginx 静态资源解析测试页面
    </body>
    </html>

mkdir -p /data/images  
注：上传一张图片到 /data/images 目录中，例如：test.png

# 3. 创建 nginx 配置文件 #

1. 备份 nginx.conf 文件
    # cd /usr/local/openresty/nginx/nginx/conf
    # cp nginx.conf nginx.conf.bak
    # cat /dev/null > nginx.conf
    # vi nginx.conf
    # openresty -s reload

## nginx.conf 中内容如下： ##

#user  nobody;
    worker_processes  1;
    
    #error_log  logs/error.log;
    #error_log  logs/error.log  notice;
    #error_log  logs/error.log  info;
    
    #pid        logs/nginx.pid;
    
    
    events {
        worker_connections  1024;
    }
    
    http {
            server {
                    listen 8989;
                    location / {
                            root /data/www;
                    }
                    location /images/ {
                            root /data;
                    }
            }
    }

# 4. 在浏览器中访问并验证 #

1.  临时关闭防火墙  
    systemctl stop firewalld
2.  访问服务器静态页面 index.html，例如：  
    http:172.16.160.133:8989  
    ![index.html][]
3.  访问服务器静态图片，例如：  
    http:172.16.160.133:8989/images/sea-4002951.jpg  
    ![访问图片静态资源][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlanVueWFuZw_size_16_color_FFFFFF_t_70]

[OpenResty]: https://blog.csdn.net/dejunyang/article/details/88839954
[index.html]: /images/20220227/d3b24e6511f44492887991ea03da3901.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlanVueWFuZw_size_16_color_FFFFFF_t_70]: /images/20220227/15e82d6c072240bfa15fe40f44c3e6bf.png