快捷導(dǎo)航

Docker部署Nginx設(shè)置環(huán)境變量的實現(xiàn)步驟

更新時間：2023年07月10日 14:57:37 作者：OXXD

本文主要介紹了Docker部署Nginx設(shè)置環(huán)境變量的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

當我們使用 Docker 部署 Nginx 時，可能會遇到需要根據(jù)不同環(huán)境，配置不同端口或者反向代理地址的場景。那么 Docker 的環(huán)境變量是否能夠傳遞給 Nginx 配置呢？實際是可以的，官方提供的 nginx 鏡像就支持這一操作。

本文介紹如何將 Docker 環(huán)境變量透穿給 Nginx 配置。

原 Dockerfile 配置

以下是一個前端單頁應(yīng)用的 Dockerfile，基本流程是打包前端項目，復(fù)制 nginx.conf 配置，將產(chǎn)物放在 nginx 的網(wǎng)站目錄，啟動 nginx 服務(wù)。

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;"]

原 nginx.conf 配置

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;
    }
}

nginx 鏡像中自 1.19 開始已支持環(huán)境變量。只需要將 Dockerfile 中的 Nginx 配置地址放在 /etc/nginx/templates/*.template 中，并且 nginx.conf 的配置中使用 $ENV_NAME 指定對應(yīng)的環(huán)境變量即可。

修改 Dockerfile

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

修改 nginx.conf

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

打包鏡像

 docker build -t some-nginx .

啟動容器，傳入環(huán)境變量

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

到此這篇關(guān)于Docker部署Nginx設(shè)置環(huán)境變量的實現(xiàn)步驟的文章就介紹到這了,更多相關(guān)Docker部署Nginx環(huán)境變量內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: