Nginx之静态文件服务器的搭建

wyx学习k8s2024-06-17 9:14

1.概述

静态文件服务器是指提供HTML文件访问或客户端 可直接从中下载文件的Web服务器。对于图片、 JavaScript或CSS文件等渲染页面外观的、不会动态改 变内容的文件，大多数网站会单独提供以静态文件服 务器的方式对其进行访问，实现动静分离的架构。

HTML是一种标记语言，提供HTML文件读取是Web服 务器最基本的功能，Web服务器的配置样例如下：

复制代码 
server {
    listen 8080;
    root /opt/nginx-web/www; #存放静态文件的文件目录
    location / {
        index index.html;
    }
    location /js {
        alias /opt/nginx-web/static/js/; #存放JavaScript文件的文件目录
        index index.html;
    }
}

在以上配置中，每个server指令域等同于一个虚 拟服务器，每个location指令域等同于一个虚拟目录

2.实验

按照上述配置后，我们在/opt/nginx-web/www下放置一个index.html文件

复制代码 
#1.查看配置文件
[root@ansible01 nginx]# cat nginx.conf |grep -v "#"|grep -v "^$"
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
include /usr/share/nginx/modules/*.conf;
events {
    worker_connections 1024;
}
http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;
    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;
    include /etc/nginx/conf.d/*.conf;
    server {
        listen       8080;
        listen       [::]:8080;
        server_name  11.0.1.18;
        root         /opt/nginx-web/www;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
}
#2.查看index.html文件
[root@ansible01 nginx]# cat /opt/nginx-web/www/index.html 
hello world
#3.重载nginx配置文件
[root@ansible01 nginx]# nginx -s reload
#4.关闭防火墙
[root@ansible01 nginx]# systemctl stop firewalld
#5.关闭selinux
[root@ansible01 nginx]# setenforce 0
[root@ansible01 nginx]# getenforce 
Permissive

直接在windows用浏览器访问：11.0.1.18:8080

2.1 基于域名的虚拟主机

2.1.1 nginx配置

复制代码 
[root@ansible01 nginx]# cat nginx.conf |grep -v "#"|grep -v "^$"
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
include /usr/share/nginx/modules/*.conf;
events {
    worker_connections 1024;
}
http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;
    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;
    include /etc/nginx/conf.d/*.conf;
    server {
        listen       80;
        listen       [::]:80;
        server_name  www.a.com;
        root         /opt/nginx-web/www/a/;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
    server {
        listen       80;
        listen       [::]:80;
        server_name  www.b.com;
        root         /opt/nginx-web/www/b/;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
}

2.1.2 准备静态文件

复制代码 
[root@ansible01 nginx]# cat /opt/nginx-web/www/a/index.html 
hello,this is www.a.com
[root@ansible01 nginx]# cat /opt/nginx-web/www/b/index.html 
hello,this is www.b.com

2.1.3 重启服务，增加ip域名映射

复制代码 
[root@ansible01 nginx]# nginx -s reload
[root@ansible01 nginx]# cat /etc/hosts
127.0.0.1   localhost localhost.localdomain localhost4 localhost4.localdomain4
::1         localhost localhost.localdomain localhost6 localhost6.localdomain6
11.0.1.18 www.a.com
11.0.1.18 www.b.com

2.1.4 测试

复制代码 
[root@ansible01 nginx]# curl www.a.com
hello,this is www.a.com
[root@ansible01 nginx]# curl www.b.com
hello,this is www.b.com

2.2 基于端口的虚拟主机

2.2.1 nginx配置

复制代码 
[root@ansible01 nginx]# cat nginx.conf |grep -v "#"|grep -v "^$"
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
include /usr/share/nginx/modules/*.conf;
events {
    worker_connections 1024;
}
http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;
    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;
    include /etc/nginx/conf.d/*.conf;
    server {
        listen       80;
        listen       [::]:80;
        server_name  www.test.com;
        root         /opt/nginx-web/www/a/;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
    server {
        listen       81;
        listen       [::]:81;
        server_name  www.test.com;
        root         /opt/nginx-web/www/b/;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
}

2.2.2 重启服务，增加IP域名映射

复制代码 
[root@ansible01 nginx]# nginx -s reload
[root@ansible01 nginx]# cat /etc/hosts
127.0.0.1   localhost localhost.localdomain localhost4 localhost4.localdomain4
::1         localhost localhost.localdomain localhost6 localhost6.localdomain6
11.0.1.18 www.a.com
11.0.1.18 www.b.com
11.0.1.18 www.test.com

2.2.3 测试

复制代码 
[root@ansible01 nginx]# curl www.test.com:80
hello,this is www.a.com
[root@ansible01 nginx]# curl www.test.com:81
hello,this is www.b.com

2.3 基于IP的虚拟主机

2.3.1 nginx配置

复制代码 
[root@ansible01 nginx]# cat nginx.conf |grep -v "#"|grep -v "^$"
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
include /usr/share/nginx/modules/*.conf;
events {
    worker_connections 1024;
}
http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;
    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;
    include /etc/nginx/conf.d/*.conf;
    server {
        listen       11.0.1.18:80;
        server_name  www.test.com;
        root         /opt/nginx-web/www/a/;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
    server {
        listen       11.0.1.19:80;
        server_name  www.test.com;
        root         /opt/nginx-web/www/b/;
        include /etc/nginx/default.d/*.conf;
        location / {
            index  index.html index.htm;
        }
        error_page 404 /404.html;
        location = /404.html {
        }
        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
}

2.3.2 重启服务

复制代码 
[root@ansible01 nginx]# nginx -s reload

2.3.3 测试

复制代码 
[root@ansible01 nginx]# curl 11.0.1.18
hello,this is www.a.com
[root@ansible01 nginx]# curl 11.0.1.19
hello,this is www.b.com
相关推荐
qetfw5 小时前
CentOS 7 基础环境配置
linux·运维·centos
jieyucx5 小时前
Docker 入门第二阶段：掌握日常命令
运维·docker·容器
随性而行3606 小时前
微信API接口与AI自动化：开发者的实现思路
运维·服务器·开发语言·人工智能·微信·自动化
snow@li7 小时前
Java：Java 服务器（Web 容器 / Servlet 容器）完整工作清单
java·服务器·前端
胖兔纸28 小时前
OpenStack 1.7.2 & Ceph 9.2.1 运维命令
运维·ceph·openstack
JL158 小时前
Agent工程-为什么Agent必须有观测和Tracing
服务器·网络·人工智能·安全
不会C语言的男孩8 小时前
Docker 在嵌入式设备中的常用玩法
运维·docker·容器
神州世通8 小时前
IP Office内置外显卡兼容性说明
服务器·网络·tcp/ip
ylscode8 小时前
CVE-2026-31694 漏洞深度分析：Linux 内核 FUSE 组件存在本地提权风险，普通用户可直取 root 权限
linux·运维·服务器
frank00600719 小时前
Rocky 9.8设置本地yum源
服务器
热门推荐
01GitHub 镜像站点02AI科技热点日报 | 2026年07月01日03幻兽帕鲁 - 服务器管理员权限与 GM 命令完全指南042026年7月AI圈大地震：GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片052026 年 AI 编程工具终极横评：Cursor vs Claude Code vs Copilot vs Windsurf062026 AI 编程工具终极实战指南：Cursor vs Claude Code vs Copilot，开发者该怎么选？07AI 编程 IDE 全景解析 2026：Agent 全面接管开发链路082026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？092026 年 AI 大模型 & AI 编程工具实战全总结10【AI】2026 年具身智能模型和世界模型总结