Nginx实现静态网站部署

本文涉及的产品
.cn 域名,1个 12个月
简介: Nginx实现静态网站部署

Nginx实现静态网站部署

想实现Nginx静态网站部署先要安装安装Nginx参考我的博客:




1、静态网站的部署


将静态网站的静态页面/index目录下的所有内容 传到服务器的/usr/local/nginx/html下即可访问 ,静态页面我已经放在csdn上面了:Nginx实现静态网站部署资源-Javascript文档类资源-CSDN下载


2、配置虚拟主机

虚拟主机,也叫“网站空间”,就是把一台运行在互联网上的物理服务器划分成多个“虚拟”服务器。虚拟主机技术极大的促进了网络技术的应用和普及。同时虚拟主机的租用服务也成了网络时代的一种新型经济形式。


(1)端口绑定


上传静态网站:

将/资料/静态页面/index目录上传至  /usr/local/nginx/index下
将/资料/静态页面/regist目录上传至  /usr/local/nginx/regist下


(2)修改Nginx的配置文件:/usr/local/nginx/conf/nginx.conf

server {
        listen       81; # 监听的端口
        server_name  localhost; # 域名或ip
        location / {  # 访问路径配置
            root   index;# 根目录
            index  index.html index.htm; # 默认首页
        }
        error_page   500 502 503 504  /50x.html;  # 错误页面
        location = /50x.html {
            root   html;
        }
    }
     server {
        listen       82; # 监听的端口
        server_name  localhost; # 域名或ip
        location / {  # 访问路径配置
            root   regist;# 根目录
            index  regist.html; # 默认首页
        }
        error_page   500 502 503 504  /50x.html;  # 错误页面
        location = /50x.html {
            root   html;
        }
    }


(3)访问测试:


我使用的阿里云,需要访问。81,82需要开放端口号:



地址栏输入Bootstrap HelloWorld可以看到首页面



地址栏输入注册页面可以看到注册页面



3、域名绑定

(1)什么是域名

域名([Domain Name](https://baike.baidu.com/item/Domain Name)),是由一串用“点”分隔的字符组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置,地理上的域名,指代有行政自主权的一个地方区域)。域名是一个IP地址上有“面具” 。域名的目的是便于记忆和沟通的一组服务器的地址(网站,电子邮件,FTP等)。域名作为力所能及难忘的互联网参与者的名称。域名按域名系统(DNS)的规则流程组成。在DNS中注册的任何名称都是域名。域名用于各种网络环境和应用程序特定的命名和寻址目的。通常,域名表示互联网协议(IP)资源,例如用于访问因特网的个人计算机,托管网站的服务器计算机,或网站本身或通过因特网传送的任何其他服务。世界上第一个注册的域名是在1985年1月注册的。

(2)域名级别:

  • 顶级域名

顶级域名又分为两类:

一是国家顶级域名(national top-level domainnames,简称nTLDs),200多个国家都按照ISO3166国家代码分配了顶级域名,例如中国是cn,美国是us,日本是jp等;


二是国际顶级域名(international top-level domain names,简称iTDs),例如表示工商企业的 .Com .Top,表示网络提供商的.net,表示非盈利组织的.org,表示教育的.edu,以及没有限制的中性域名如.xyz等。大多数域名争议都发生在com的顶级域名下,因为多数公司上网的目的都是为了赢利。但因为自2014年以来新顶级域名的发展,域名争议案件数量增长幅度越来越大[5] 。为加强域名管理,解决域名资源的紧张,Internet协会、Internet分址机构及世界知识产权组织(WIPO)等国际组织经过广泛协商, 在原来三个国际通用顶级域名:(com)的基础上,新增加了7个国际通用顶级域名:firm(公司企业)、store(销售公司或企业)、Web(突出WWW活动的单位)、arts(突出文化、娱乐活动的单位)、rec (突出消遣、娱乐活动的单位)、info(提供信息服务的单位)、nom(个人),并在世界范围内选择新的注册机构来受理域名注册申请。


例如:baidu.com


二级域名


二级域名是指顶级域名之下的域名,在国际顶级域名下,它是指域名注册人的网上名称,例如 ibm,yahoo,microsoft等;在国家顶级域名下,它是表示注册企业类别的符号,例如.top,com,edu,gov,net等。


中国在国际互联网络信息中心(Inter NIC) 正式注册并运行的顶级域名是CN,这也是中国的一级域名。在顶级域名之下,中国的二级域名又分为类别域名和行政区域名两类。类别域名共7个, 包括用于科研机构的ac;用于工商金融企业的com、top;用于教育机构的edu;用于政府部门的 gov;用于互联网络信息中心和运行中心的net;用于非盈利组织的org。而行政区域名有34个,分别对应于中国各省、自治区和直辖市。


例如:map.baidu.com


三级域名


三级域名用字母( A~Z,a~z,大小写等)、数字(0~9)和连接符(-)组成, 各级域名之间用实点(.)连接,三级域名的长度不能超过20个字符。如无特殊原因,建议采用申请人的英文名(或者缩写)或者汉语拼音名 (或者缩写) 作为三级域名,以保持域名的清晰性和简洁性。


例如:我的域名就是三级域名 Bootstrap HelloWorld,我是用的我的名字命名的


域名与IP绑定:


一个域名对应一个 ip 地址,一个 ip 地址可以被多个域名绑定。


可以配置域名和 ip 的映射关系,如果 hosts 文件中配置了域名和 ip 的对应关系,不需要走dns 服务器。


Bootstrap HelloWorld===》http://wanghj.online:81/


http://39.101.132.4:82/===http://wanghj.online:82/



也可以在nginx配置中指定

    server {
        listen       80;
        server_name   http://wanghj.online;
        location / {
            root   cart;
            index  cart.html;
        }
    }
    server {
        listen       80;
        server_name   http://wanghj.online;
        location / {
            root   search;
            index  search.html;
        }
    }


执行以下命令,刷新配置


./nginx -s reload

测试:

地址栏输入:Bootstrap HelloWorld


相关文章
|
18天前
|
Ubuntu 前端开发 JavaScript
技术笔记:Ubuntu:一个部署好的tomcat应用(war包)怎么用Nginx实现动静分离?
技术笔记:Ubuntu:一个部署好的tomcat应用(war包)怎么用Nginx实现动静分离?
|
2月前
|
应用服务中间件 nginx Docker
Docker部署Nginx以及挂载数据卷(代码详细展示)_nginx 挂载大文件卷(1)
Docker部署Nginx以及挂载数据卷(代码详细展示)_nginx 挂载大文件卷(1)
|
5天前
|
JavaScript 前端开发 应用服务中间件
Nginx——一个域名下部署多个Vue项目
如何在同一域名下部署第二个Vue项目而不影响现有项目:更新`vue.config.js`,设置`publicPath`为`/screen/`。修改Vue Router的`base`为`screen`。在Nginx配置中添加新location `/screen`,指向第二项目`dist`目录。测试访问`http://<域名>/screen/`。别忘了检查并修复任何遗漏的配置,如数据看板默认设置。
16 2
|
13天前
|
JavaScript 应用服务中间件 nginx
【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问
【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问
35 10
|
12天前
|
应用服务中间件 网络安全 nginx
|
19天前
|
前端开发 应用服务中间件 nginx
nginx前后端分离、多前端部署配置文件
nginx前后端分离、多前端部署配置文件
20 2
|
19天前
|
应用服务中间件 nginx 数据安全/隐私保护
cloudstack使用nginx部署ui
cloudstack使用nginx部署ui
17 1
|
28天前
|
监控 前端开发 应用服务中间件
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽(2)
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽
40 1
|
28天前
|
负载均衡 前端开发 应用服务中间件
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽(1)
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽
43 1
|
1月前
|
应用服务中间件 nginx Docker
docker部署nginx
docker部署nginx
56 1