使用nginx将环境变量从docker-compose传递到vue app

在使用nginx将环境变量从docker-compose传递到vue app的过程中，可以通过以下步骤实现：

1. 在docker-compose文件中定义环境变量：在services部分的vue app服务中，添加environment字段，并在其中定义需要传递的环境变量。例如：

services:
  vue-app:
    environment:
      - API_URL=http://api.example.com

1. 在nginx配置文件中使用环境变量：在nginx的配置文件中，可以使用env指令来引用docker-compose定义的环境变量。例如：

location /api {
  proxy_pass $API_URL;
}

上述配置中，$API_URL即为docker-compose中定义的环境变量。

1. 启动docker容器：使用docker-compose启动容器，环境变量将会被传递给vue app服务和nginx服务。

通过以上步骤，环境变量将成功从docker-compose传递到vue app中。在vue app中可以通过process.env对象访问这些环境变量。

对于nginx的推荐腾讯云产品，可以使用腾讯云的负载均衡CLB（Cloud Load Balancer）来实现高可用和负载均衡。CLB支持HTTP和HTTPS协议，可以根据需求选择合适的类型。具体产品介绍和使用方法可以参考腾讯云CLB的官方文档：腾讯云负载均衡CLB产品介绍。