nginx 部署多个vue项目不同端口

Nginx部署多个Vue项目并指定不同端口，可以通过配置虚拟主机（Virtual Hosts）来实现。以下是基本步骤：

1. **配置文件编辑**:
打开Nginx的配置文件，通常是`/etc/nginx/nginx.conf`，找到server块部分，然后添加一个新的server配置，每个配置对应一个Vue项目的运行环境。

server {
    listen 8080; # 示例中的第一个Vue项目监听8080端口
    server_name example1.com;
    root /path/to/vue1/public; # Vue项目1的静态资源路径
    index index.html;
    
    location / {
        try_files $uri $uri/ /index.html;
    }
}

server {
    listen 8081; # 示例中的第二个Vue项目监听8081端口
    server_name example2.com;
    root /path/to/vue2/public;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

2. **域名映射**:
每个server块中的`server_name`应该替换为你实际的域名，确保Nginx能接收到请求。

3. **重启服务**:
修改完配置后，需要重启Nginx以应用新的配置：

   sudo systemctl restart nginx