同一服务器不同端口部署不同vue项目

先打个广告。欢迎大家访问我的小博客。提出宝贵意见。digua-blog-front

狂肝一个月的小博客终于要上线了，我的小博客有前台和后台两个vue项目，需要同时部署在同一台服务器上。

先介绍服务器系统

 查找攻略，最终选择用nginx部署。

安装nginx步骤省略……

nginx版本

 

nginx -t 命令查看nginx config文件目录位置

 打开配置文件目录

vi nginx.config

根据攻略，在http下的server中设置nginx监听端口。

翻遍了都没找到server选项,遂手动输入

reload nginx配置，保险起见重启nginx。

无事发生，69端口没有被监听。

我再查找攻略，百度翻烂了才找到一篇相似的帖子提及nginx目录下的sites-available 文件夹default文件，vi它

这不就是我梦中情配置文件吗。

80端口监听后台项目

68端口监听前台项目

 

 配置如上两图。

配置生效。