站长论坛 - 站长交流社区- SEO交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 160|回复: 2

[html/html5] WEB服务器中使用Nginx的静态网页部署(2)

[复制链接]
发表于 2019-8-22 14:49:58 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WEB服务器中使用Nginx的静态网页部署2
创建一个目录,例如:
/home/liujiepeng/workspace/html/etc/resource/html/
然后在这个 html文件夹下可以放置你需要部署的静态页面文件,例如 html下我有 google、baidu、liujiepeng这三个文件夹,其中 server 字段配置如下:
1
2
3
4
5
6
server {
    listen 80;
    server_name _;
    root /home/liujiepeng/workspace/html/etc/resource/html/;
    index Home.html;
}
这里每个文件夹下面的静态页面文件名都是 Home.html 。这样配置的话,例如当你访问 www.example.com/google/ 时,nginx 就会去 root指定的目录下的 google 文件夹下寻找到 Home.html 并把 google 页面返回,同理,访问 www.example.com/baidu/ 时,会寻找到 baidu文件夹下的 Home.html 并把 baidu页面返回。
而在 google、baidu、liujiepeng 文件夹的同级目录上,再添加你的域名首页 Home.html 时,访问 www.example.com 时就会返回了。
这里唯一美中不足的是,访问域名中 www.showzeng.cn/zhihu 末尾会自动加上 / ,在浏览器中按 F12 调试会发现 www.showzeng.cn/zhihu 为 301 状态码,因为 index.html 是在 zhihu/ 文件夹下,所以在搜索过程中会重定向到 www.showzeng.cn/zhihu/
配置方式2:
这里需要注意的是 http 上下文里的 server 上下文。   
1
2
3
4
5
6
7
8
9
server {
    listen 8081;       # 监听本机所有 ip 上的 8081 端口
    server_name _;      # 域名:www.example.com 这里 "_" 代表获取匹配所有
    root /home/filename/;  # 站点根目录
    location / {       # 可有多个 location 用于配置路由地址
      try_files index.html =404;
    }
}
这里的 root 字段最好写在 location 字段的外边,防止出现无法加载 css、js 的情况。因为 css、js 的加载并不是自动的,nginx 无法执行,需要额外的配置来返回资源,所以,对于静态页面的部署,这样做是最为方便的。
这里对 root 作进一步解释,例如在服务器上有 /home/liujiepeng/workspace/html/etc/resource/html/,其下有 index.html 文件和 css/ 以及 img/ ,root /home/liujiepeng/workspace/html/etc/resource/html/ 这配置语句就将指定服务器加载资源时是在/home/liujiepeng/workspace/html/etc/resource/html/下查找。
其次, location 后的匹配分多种,其各类匹配方式优先级也各不相同。这里列举一精确匹配例子:
1
2
3
4
5
6
7
8
9
10
server {
    listen 80;        
    server_name _;      
    root /home/zhihu/;  
    location = /zhihu {
      rewrite ^/.* / break;
      try_files index.html =404;
    }
}
此时,访问 www.example.com/liujiepeng 就会加载 zhihu.html 出来了。由于 location 的精确匹配,只有访问 www.example.com/liujiepeng 这个路由时才会正确响应,而且此时要通过 rewrite 正则匹配,把 /zhihu 解析替换成原来的 / 。
了解更多IT技术敬请关注广东纳讯网络技术有限公司

回复

使用道具 举报

发表于 2019-11-1 16:53:46 | 显示全部楼层
熊掌号批发商485391463熊掌号批发商485391463大量出售熊掌号,百度站长号,百度小程序账号。需要的老板速速加好友了
回复 支持 反对

使用道具 举报

发表于 2019-11-30 13:42:12 | 显示全部楼层
我使用的是国内第二的网市场云建站系统做网站,价格很低,一个网站一年一元,包含1G的空间,有没有兴趣合作一下
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|易采站长站 ( 蒙ICP备14002389-1号 ) |

GMT+8, 2019-12-9 23:37

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表