搭建 Nginx 静态网站

实验简介

本实验是基础入门教程,带您从零开始基于 Nginx 搭建一个静态网站服务。过程会涉及到 Nginx 的安装、配置和运行。

实验实操

1. 安装 Nginx

搭建静态网站,首先需要部署环境。下面的步骤,将告诉大家如何在服务器上通过Nginx部署HTTP静态服务。

在CentOS上,可直接使用 yum 来安装Nginx:
yum install nginx -y

2. 启动 Nginx

安装完成后,使用 nginx命令启动 Nginx:
nginx

3. 修改配置

此时,可访问机器外网HTTP服务(http://ip)来确认是否已经安装成功。

新建文件夹

mkdir -p /data/www

安装编辑器nano修改/etc/nginx/conf.d/default.conf,去除对 IPv6 地址的监听,将root /data/www作为所有静态资源请求的根路径。

yum install nano -y
nano /etc/nginx/conf.d/default.conf

参考default.conf文件

server {
    listen       80 default_server;
    # listen       [::]:80 default_server;
    server_name  _;
    root         /data/www;

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;

    location / {
    }

    error_page 404 /404.html;
        location = /40x.html {
    }

    error_page 500 502 503 504 /50x.html;
        location = /50x.html {
    }
}

 


4. 重启 Nginx

修改完成后,重启 Nginx:
nginx -s reload

5. 创建第一个静态文件

外网用户访问服务器的Web服务由Nginx提供,Nginx需要配置静态资源的路径信息才能通过url正确访问到服务器上的静态资源。
比如外部访问index.html时将会去/data/www/目录下去查找index.html。
所以,我们先创建第一个静态文件index.html
touch /data/www/index.html

6. 编辑index.html

切换到/data/www目录下,为index.html添加如下内容,并保存:

参考index.html文件

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>第一个静态文件</title>
</head>
<body>
Hello world!
</body>
</html>

7. 检查静态页面

现在访问http://ip/index.html应该可以看到页面输出Hello world!
到此,一个基于Nginx的静态服务器就搭建完成了,现在所有放在/data/www目录下的的静态资源都可以直接被访问。

 

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录