淘淘商城第88讲——nginx配置虚拟主机

我相信大家能阅读到这里,说明大家已经安装好了nginx,本文我们将学习下nginx如何来配置虚拟主机。

配置虚拟主机,相当于在一台服务器上装多个网站,这么多个网站我们总得区分一下,如何区分不同的网站呢?可以有两种形式。
在这里插入图片描述
下面我就来为大家介绍配置虚拟主机的这两种形式。

通过端口区分不同的虚拟的主机

我们首先看一下nginx的配置文件所在的位置,如下图所示。
在这里插入图片描述
然后可以使用vim nginx.conf命令来打开并编辑nginx.conf配置文件,如下图所示。
在这里插入图片描述
接着往下看配置文件,如下图所示。
在这里插入图片描述
至此,我们便了解了一下nginx.conf文件中的一些配置,接下来我们便要使用端口来区分虚拟主机了。

为了更加方便地操作nginx.conf配置文件,我们可以使用Nodepad++来连接Linux服务器并对文件进行编辑,想必有些同学还不知道,所以我特地写了一篇博客,大家可以参考《使用Nodepad++来编辑我们服务器的配置文件》这篇博客进行学习哟!

首先,我们打开nginx.conf文件,复制一份server节点配置,修改端口为81,root目录指定一个新的目录html81,如下图所示(为了简洁,我把注释的内容都删掉了)。
在这里插入图片描述
由于html81在nginx目录下是没有的,所以我们复制一份html目录并重命名为html81,如下图所示。
在这里插入图片描述
为了区分出访问的nginx首页,我们进入到html81目录中修改index.html,将<h1>Welcome to nginx!</h1>修改为<h1>Welcome to nginx!---81</h1>,如下图所示。
在这里插入图片描述
配置文件修改了之后,又要想让其生效,应该怎么办呢?我们需要重启服务或者是重新加载配置文件,使用的命令是./nginx -s reload

然后,我们访问81端口就会看到如下图所示的界面,可以看见访问到的是81端口的欢迎页,这就说明我们配置的虚拟主机起作用了。
在这里插入图片描述

通过域名区分不同的虚拟的主机

上面学习了如何使用端口号来区分不同的网站,下面我们就要学习如何通过域名来区分不同的网址了。

我们平时访问淘宝时只需要在浏览器地址栏中输入taobao.com便可以访问淘宝首页,这个taobao.com便是域名,而且taobao.com是一级域名,我们买域名买的便是一级域名(又叫顶级域名),而www.taobao.com是二级域名。如果我们想在浏览器地址栏中输入域名来访问我们自己的网站的话,可以有两个途径,第一个途径是买一个属于自己的域名,访问这个域名需要经过DNS服务器(它会把域名解析为ip地址,其实它保存的就是域名和ip地址之间的映射关系),DNS服务器就会将访问的域名对应到相应的ip地址上,所以最终还是通过ip地址实际访问网站的(使用这个途径,别的人都可以访问到你的网站)。注意,一个域名对应一个ip地址,一个ip地址可以被多个域名绑定。 第二个途径是配置本地的hosts文件,hosts文件在Windows系统中的目录如下图所示。
在这里插入图片描述
我们可以在hosts文件当中配置ip地址与域名的对应关系,配置好了hosts文件之后,在浏览器地址栏中输入配置在hosts文件中的域名后将不再经过DNS服务器,而是直接访问hosts文件中配置的ip地址,比如我们把nginx所在的虚拟机的ip地址配置到hosts文件中并且配两个域名(端口一样,就靠域名来区分不同的网站),如下图所示。
在这里插入图片描述
然后我们到nginx的配置文件中再添加两个虚拟主机的配置,如下图所示,可以看到端口号都是默认的80,只是域名不一样而已,为了区分不同的网站,我们分别新建一个html目录并命名为html-test和html-test1。
在这里插入图片描述
由于html-test和html-test1这俩目录在nginx目录下默认是没有的,因此我们分别复制一份html目录并重命名为html-test和html-test1,如下图所示。
在这里插入图片描述
为了在nginx首页区分出不同的网站,我们分别进入html-test和html-test1这俩目录下,修改index.html文件。

  • html-test目录中的index.html文件:
    在这里插入图片描述
  • html-test1目录中的index.html文件:
    在这里插入图片描述

配置文件修改了之后,又要想让其生效,应该怎么办呢?我们需要重启服务或者是重新加载配置文件,使用的命令是./nginx -s reload

接着我们在浏览器地址栏中输入www.test.com并回车,如下图所示,可以看到这时访问的是html-test目录下的nginx首页。
在这里插入图片描述
紧接着我们再在浏览器地址栏中输入www.test1.com并回车,如下图所示,可以看到这时访问的是html-test1目录下的nginx首页。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李阿昀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值