在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!”页面了。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM