通过Nginx实现不同前缀的三级域名指向不同网站服务器

实际难题

最近我有一个新的需求：通过同一台云服务器提供在线PPT浏览服务。我不想将这个online slide的文件直接上传到原来的博客网站的文件根目录：因为online slide和blog分别是由不同的团队负责，每次blog内容上传都会把online slide的文件清空。那么，将online slide和blog的文件夹在磁盘上进行物理隔离就是一个自然而然的解决办法——此时它俩的根文件夹将作为不同server的root。真实烦恼~

此时，我的问题就变成了：如何通过配置Nginx，实现不同前缀的三级域名指向不同网站服务器？

解决方案

依次完成如下三个步骤：

1. 在阿里云的域名解析中，为一级域名papers.fun申请二级域名slide.papers.fun. 参考《🔥二级域名的创建、配置和解析，买一个域名，有无限个域名可以使用的方案》

2. 为二级域名slide.papers.fun申请SSL（免费版是单域名证书）. 参考《数字证书管理服务（原SSL证书）》

3. 在Nginx的配置文件nginx.conf为二级域名slide.papers.fun配置SSL证书. 参考《nginx配置ssl证书》

工作成果

在线PPT的网站预览如下（可以鼠标左键单击下面页面，激活在线PPT的浏览功能；使用上下左右方向键控制PPT翻页）：

当前还存在问题：到https://slide.papers.fun/Lec-1/的页面浏览PPT时，刷新页面会提示404. 这个问题是由Vue的路由导致。以后再解决吧。没有Vue开发技术的话，这个问题没法釜底抽薪的解决，所以只能参考下列文章搞个扬汤止沸的救济措施：

1. vue项目部署后刷新报404 解决方法
2. vue 项目 页面刷新404问题