Document

在CentOS系统下用nginx部署静态页面网站

     我们选择使用nginx，优势在于轻量级、高性能的HTTP及反向代理服务器，占用内存少，并发能力强，相比老牌的apache作为web服务器，性能更加卓越。

      下面就让我们开始吧，本篇文章适合新手，因为我也是新手，参考别人的，跑通了才记下来。

1、部署服务器环境

安装nginx，得首先安装先安装epel，不然会报错“No package nginx available.Error: Nothing to do”：

1
yum install epel-release

之后安装nginx，（有的不用上面一步，看环境而定，我也不是非常懂得，遇到错误，就弄一下）

1
yum install nginx -y

安装完毕后，启动nginx：

1
nginx

安装启动完毕，就可以在浏览器中输入你的服务器ip地址，就可以看到启动成功的页面啦。

image.png

2、配置服务器访问路径

 

启动好的nginx服务器默认访问的是它自己的目录，即/usr/share/nginx/html目录；可以在/etc/nginx/nginx.conf配置文件中配置你自己的项目目录，并让nginx正确访问。

原来的配置如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root         /usr/share/nginx/html;
        # 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 {
        }
    }

修改后：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        # 修改root默认目录如下
        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 {
        }
    }

我一般是下载文件到本地修改，然后上传，不喜欢在shell里面改。

3、创建你的项目目录，创建一个index.html页面

 

创建上面修改的默认目录，即/data/www；

1
2
// 创建你的项目目录
mkdir -p /data/www

在本地新建一个index.html文件，写入如下内容

1
2
3
4
5
6
7
8
9
10
11
// index.html代码为
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>hello world</title>
</head>
<body>
Hello world！
</body>
</html>

然后上传index.html文件到服务器的/data/www即可。

4、重启nginx，即可访问你的新网页

 

至此，搞定一切，重启nginx吧

1
2
// 重启nginx
nginx -s reload

刷新页面，上面的页面就变成了你刚上传的index.html的“Hello world！”页面了。

 

posted @ 2021-10-22 18:21  从未被超越  阅读(991)  评论(0)    收藏  举报