nginx 解析静态内容demo

关注

原创最新推荐文章于 2026-07-18 15:22:42 发布 847 阅读 AI 写同款· GEO 优化 ›

index.html 模版注意，这个示例中的链接（如 CSS 和 JavaScript 文件）是假设你已经在同一目录下创建了这些文件。如果没有这些文件，你应该删除或修改。是网站的入口文件，通常被服务器设置为默认文档，当访问网站根目录时，如果没有指定具体的文件名，浏览器就会尝试加载。阅读详情

1. 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;
                }
        }
}