同一台nginx中配置多个前端项目的三种方式

目录

第一种方式：配置多个二级域名

第二种方式：配置端口转发（不推荐）

第三种方式：同一个server中基于location配置（重点讲解）

---

第一种方式：配置多个二级域名

一个域名下面申请多个二级域名，每个二级域名配置一个vue前端项目，这个很好配置，在这里不再详细说明。

示例：

server {listen 80;server_name a.fly.com;location / { root /data/web-a/dist;index index.html;}
}server {listen 80;server_name b.fly.com;location / { root /data/web-b/dist;index index.html;}
}

第二种方式：配置端口转发（不推荐）

这种方式是先配置nginx监听非80端口给项目目录，再转发到80端口。

示例：

server {listen 8000;location / { root /data/web-a/dist;index index.html;}
}# nginx 80端口配置 （监听a二级域名）
server {listen  80;server_name a.fly.com;