前言

昨天我的域名 webxue.cn 备案成功,今天就迫不及待地来解析,来这里记录一下解析过程

过程

DNS解析

第一步当然是需要前往域名管理后台,将你的域名解析到你的服务器,我这里在万网购买的域名,所以就登录阿里云域名管理后台进行解析.

选择添加记录开始解析

记录类型这里我们选择 A 类型,用来将域名解析到服务器的80端口

记录值我们填写服务器的ip地址

主机记录这里如果填写 @ 则指的是解析 一级域名,如果填写其他,则表示解析 二级域名

从上图中也可以看到我解析了一个 webxue.cn 和 tst.webxue.cn

Nginx配置

这是我们已经解析了两个域名了,那如何让这两个域名访问不同的网站呢?

一级域名

这时我进入服务器,我的服务器是centos,打开nginx的配置目录,我的nginx在/etc/nginx下

然后进入conf.d目录

cd /etc/nginx/conf.d
ls

这里面有一个 default.conf

接下来在 default.conf 中配置 一级域名, 一级域名我是通过 反向代理 实现, 所以只需要关注 server_name 和 proxy_pass 即可

server_name 需要跟访问域名一致, 所以我这里是 webxue.cn
proxy_pass 是服务器上运行的服务, 当访问这个域名的时候代理到服务器上的这个服务

这个 一级域名 就配置好了

二级域名

这时配置二级域名, 使用 cp 命令将 default.conf 复制一份出来, 命名为 tst.webxue.cn.conf

cp default.conf ./tst.webxue.cn.conf
ls

然后配置 tst.webxue.cn.conf

这里我们同样只需要关注 server_name 和 location
server_name 与二级域名一致, 所以这里是 tst.webxue.cn
location 下配置 root 和 index

root 指的是这个域名访问到哪个目录
index 指的是默认访问这个目录下的哪个文件, 这里就是 index.html

访问路径

当然，我们还可以在域名后面配置访问路径来访问项目。
上面我们已经配置了 tst.webxue.cn 域名，接下来要实现 tst.webxue.cn/tst 访问 tst 项目。

首先打开 tst.webxue.cn.conf

server {
    # 开启gzip压缩，解决初次打开慢的问题
    gzip on;
    gzip_buffers 32 4K;
    gzip_comp_level 6;
    gzip_min_length 100;
    gzip_types application/javascript text/css text/xml;
    gzip_disable "MSIE [1-6]\.";
    gzip_vary on;

    server_name    tst.webxue.cn;
    location / {
        root /home/tst.webxue.cn;
        index index.html index.htm;
    }

    # 开始配置/tst
    location /tst {
        root /home/tst.webxue.cn;
        index index.html index.htm;
    }
}

配置完之后，我们需要把 tst 项目代码丢到 /home/tst.webxue.cn/tst 目录中，也就是下面目录。

/homme/tst.webxue.cn/tst/index.html

最后

在 linux 中我们通常使用 esc 进入文件命令, 执行 :wq 用来保存并退出当前文件, 然后我们执行下列命令重启 nginx , 接下来你的两个域名都可以正常访问, 并且访问不同项目了

nginx -s reload

结语

我是一名前端程序员, 但不止于前端, 如果文章有帮助到你, 欢迎常来常往, 如果你觉得哪里欠妥, 欢迎评论区讨论, 一起学习, 一起进步~, 最后, 再次感谢你能看到此处!