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

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

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

先介绍服务器系统

f82ec90511454bf3bfee3102ddaf1a0d.png

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

安装nginx步骤省略……

nginx版本

c5ab4dc79e3544ed9af064e008d0631d.png

 

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

5cd2ecf107ba47438342991b06fd0975.png

 打开配置文件目录

vi nginx.config

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

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

同一服务器不同端口部署不同vue项目_第1张图片

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

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

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

同一服务器不同端口部署不同vue项目_第2张图片

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

80端口监听后台项目

68端口监听前台项目

 同一服务器不同端口部署不同vue项目_第3张图片

 配置如上两图。

配置生效。

 

 

 

你可能感兴趣的:(服务器,nginx,运维)