Nginx搭建静态WEB服务器

在搭建之前,我们先学习一下,两个指令 root 和 alias 。
在这里插入图片描述
比如,主机是 www.gosuncn.fun

location /i/ {
root /data/w3;
}

,那么 我们的请求是 http://www.gosuncn.fun/i/top.gif,服务器会如何寻找文件呢?
服务器会把root后的值 /data/w3 和 URI 的值 /i/top.gif 直接拼接。
文件/data/w3/i/top.gif将会返回给你。
在这里插入图片描述
那么,alias呢?
比如,主机是 www.gosuncn.fun

location /i/ {
alias /data/w3/images/;
}

,那么 我们的请求是 http://www.gosuncn.fun/i/top.gif,服务器会如何寻找文件呢?
服务器会把alias后的值 /data/w3 和 URI 的值 /i/top.gif 中的/i/去除之后,再进行拼串。
文件/data/w3/images/top.gif将会返回给你。


综上所述,你总结清楚了吗?

我再总结一遍,root 很简单,就是 直接 拼在一起;而 alias 略微的多了一步,就是去除 location 后的参数后再拼串。

那接下来我们准备,一个网站的素材。我们提供了3个页面,分别是 首页 、新闻页 、游戏页。
首页代码(index.html):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
</head>
<body>
这是我的测试网站
<a href="news.html">新闻</a>
<a href="games.html">游戏</a>
</body>
</html>

新闻页代码(news.html):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻页</title>
</head>
<body>
<ul>
    <li>腾讯新闻</li>
    <li>新浪新闻</li>
    <li>百度新闻</li>
</ul>
</body>
</html>

游戏页代码(games.html):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>游戏页面</title>
</head>
<body>
<ul>
    <li>王者荣耀</li>
    <li>英雄联盟</li>
    <li>穿越火线</li>
</ul>
</body>
</html>

将三个文件放置在名叫website的文件夹里。
在这里插入图片描述
然后,将这个文件夹,上传到服务器的/opt/nginx目录中。

[root@VM-0-9-centos nginx]# ls
conf html  logs  sbin website

修改一下配置:

在这里插入图片描述
如果,使用 root 指令 就 用 website ,如果使用 alias 指令 就 用 website/ 。看完上面的解释,理解原因了吧?启动nginx,测试运行即可。
其实,还有一点文本文件的压缩效果是十分明显的,因此我们可以加上压缩功能。

    gzip  on;
    gzip_min_length 1;
    gzip_comp_level 2;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/bmp application
/x-bmp image/x-ms-bmp application/vnd.ms-fontobject font/ttf font/opentype font/x-woff;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值