Docker部署Nginx设置环境变量的实现步骤

FROM node:16-alpine as builder
WORKDIR /usr/src/app/
USER root
COPY package-lock.json ./
COPY package.json ./
RUN npm ci
COPY ./ ./
RUN npm run build
FROM nginx
WORKDIR /usr/share/nginx/html/
COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=builder /usr/src/app/dist  /usr/share/nginx/html/
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

server {
    listen 80;
    # gzip config
    gzip on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";
    root /usr/share/nginx/html;
    include /etc/nginx/mime.types;
    location / {
        try_files $uri $uri/ /index.html;
    }
    # 代理后端接口
    location /api {
        proxy_pass http://api.someserver.com;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_set_header   X-Real-IP         $remote_addr;
    }
}

- COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf
+ COPY ./docker/nginx.conf /etc/nginx/templates/default.conf.template

- proxy_pass http://api.someserver.com;
+ proxy_pass $API_URL;

 docker build -t some-nginx .

docker run -d -p 80:80 -e API_URL=http://api.someserver.com some-nginx