你好，我是赵兴晨，97年文科程序员。

工作中你是否遇到过这种情况：公司业务拓展，新增一个域名，但服务器资源有限，只能跟原有的网站共用同一台Nginx服务器。

也就是说两个网站的域名都指向同一台Nginx服务器，而且还都用的80和443端口，要求各自的静态资源互不干扰，就像两个邻居，虽然住得近，但各有各的生活。

如果你是我，你会怎么搞定这个呢？

其实这个问题很简单，相当于通过两个不同域名，访问PC端域名看到的是PC端网页，访问移动端的域名看到的就是移动端的网页。

下面跟着我，咱们一步步来揭晓答案。

核心配置示例
基于不同的IP、不同的端口以及不同的域名实现不同虚拟主机，依赖于核心模块ngx_http_core_module实现。

1、新建一个PC web站点
以下示例是演示如何将一个PC端的web站点，部署到Nginx服务器上。

这里我们使用的是子配置文件，而不是Nginx的主配置文件（nginx.conf）。

因为使用子配置文件可以保持主配置文件的简介和清晰，便于管理和维护。

1）定义子配置文件路径

# 创建Nginx配置文件存放目录，安装的时候目录是创建好的。
mkdir /usr/local/nginx/conf/conf.d/

2）修改主配置文件（使其引用自配置文件）

# 使用VI编辑器，对nginx主配置文件过 nginx.conf进行修改
# 目的是引入子配置文件路径
vi /usr/local/nginx/conf/nginx.conf

# Nginx 主配置文件
http {# 在配置文件的最后添加# 包含所有conf.d目录下的配置文件include /usr/local/nginx/conf/conf.d/*.conf;
}

3）创建PC web站点配置文件

# 使用VI编辑器 直接新建并编辑 pc.conf
vi /usr/local/nginx/conf/conf.d/pc.conf
编辑内容如下
server {listen 80;server_name chensir.ink;# 定义PC站点的根目录root /data/nginx/html/pc;# 定义网站的首页location / {index index.html;}
}

4）新建PC web站点静态资源（模拟PC web站点）
新建站点主目录，与上面👆🏻location对应。

mkdir -p /data/nginx/html/pc

模拟PC web站点主页

echo "hello pc web" > /data/nginx/html/pc/index.html

5）加载配置文件，访问测试

systemctl reload nginx

2、新建一个Mobile web站点
与新建PC web站点步骤类似，这里只说关键步骤。

1）创建Mobile web站点nginx子配置文件

# 使用VI编辑器 直接新建并编辑 mobile.conf
vi /usr/local/nginx/conf/conf.d/mobile.conf

编辑内容如下

server {listen 80;# 指定第二个站点名称server_name m.chensir.ink;# 定义mobile站点的根目录root /data/nginx/html/mobile;# 定义网站的首页location / {index index.html;}
}

2）新建mobile web站点静态资源（模拟mobile web站点）

新建站点主目录，与上面👆🏻location对应。

mkdir -p /data/nginx/html/mobile

模拟PC web站点主页

echo "hello mobile web" > /data/nginx/html/mobile/index.html

3）加载配置文件，访问测试

systemctl reload nginx

总结：我们成功的搭建了PC和Mobile web站点，并且通过演示展示了如何基于域名实现虚拟主机的配置（即给予域名的服务器分发）。

这种方法允许我们根据不同的域名请求来提供相应的内容：

当用户通过PC站点的域名发起请求时，他们看到专为PC端设计的静态页面，这提供了一个优化桌面用户体验。
相应地，当用户通过Mobile站点的域名发起请求时，他们将被引导至专为移动端优化的web站点内容，确保在移动设备上的访问流畅和友好界面。

OK，今天的分享就到这里。希望我的分享能给你的工作带来一点点灵感，哪怕是一丝丝帮助也好。

如果你对Nginx的这个用法有任何疑问，或者有更好的点子，别犹豫，别害臊，直接加我好友，或者在文章底部留言告诉我。

我特别期待能听到你的反馈，无论是问题还是建议，都是我前进的动力。

对了，别忘了，如果你觉得这篇文章对你有帮助，就请点个赞，或者把它分享给更多需要的朋友。你的支持是我最大的荣幸！

更重要的是，如果你喜欢这类内容，别忘了关注我，这样你就不会错过任何更新啦、我们下次见！

---

最后，我为您准备了一份特别的技术学习礼物，包括：
Linux学习笔记：详尽记录了Linux的核心知识点和实用技巧。
Java基础笔记：为您打下坚实的Java编程基础。
Java面试总结：十万字的面试经验，助您轻松应对各种技术面试。

【一键领取】
领取这份资料包，您只需轻松一扫：
按住👇🏻图片，扫描二维码，备注：【大礼包】‍
通过好友验证后，您的的专属资料包就会立即发送给您。

Linux系统学习笔记、Java基础学习笔记、10万字Java面试总结