vue3部署前端项目，接口地址代理两个，nginx如何配置

在Vue 3项目中部署时，如果需要通过Nginx代理两个不同的接口地址，你可以按照以下步骤进行配置：

1. **创建Nginx虚拟主机**:
首先，在Nginx的配置文件（通常是`/etc/nginx/sites-available`目录下）创建一个新的服务器块，例如分别对应两个API地址：

   server {
       listen 80;
       server_name api1.example.com; # 更换为你第一个接口域名

       location / {
           proxy_pass http://backend1.example.com/api; # 后端实际服务地址1
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
       }
   }

   server {
       listen 80;
       server_name api2.example.com; # 同理，更换为第二个接口域名

       location / {
           proxy_pass http://backend2.example.com/api; # 后端实际服务地址2
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
       }
   }

2. **启用虚拟主机并检查配置**:
保存配置后，使用命令行激活新配置，并重启Nginx：

   sudo ln -s sites-available/api1.conf sites-enabled/
   sudo nginx -t # 检查配置语法
   sudo systemctl restart nginx

3. **测试代理**:
确保Nginx配置无误后，可以尝试访问这两个代理的API地址，应该能看到正确的响应。

注意：
- `http://backend1.example.com/api` 和 `http://backend2.example.com/api` 应替换为实际的后端服务器地址。
- 如果后端是HTTPS，则需修改为 `https`。
- 可能还需要根据实际情况调整超时、缓存等其他设置。