Question

我正在尝试使用 jwilder / nginx-proxy 作为我的angular2应用程序的反向代理，该应用程序分为3个容器（angular，express和database）。

我尝试了不同的配置来在端口80上向我的应用程序代理请求，但是当我尝试运行docker-compose时，我得到：

ERROR: for angular  Cannot start service angular: driver failed programming 
external connectivity on endpoint example_angular_1
(335ce6d0c775b7837eb436fff97bbb56bfdcaece22d51049e1eb4bf5ce45553c): Bind for 
0.0.0.0:80 failed: port is already allocated

虽然消息很清楚，端口80上存在冲突，但我无法找到解决方法，当我将角度容器设置为在端口4200上工作时，它工作得很好但是我必须指定每次我想访问该页面时，url中的端口号。我正在使用反向代理，因为它不是唯一将在我的环境中运行的应用程序

以下是我的 docker-compose.yml

version: '3'

services:
    nginx-proxy:
        image: jwilder/nginx-proxy
        container_name: nginx-proxy
        ports: - "80:80"
        volumes: - /var/run/docker.sock:/tmp/docker.sock:ro

    angular:
        build: client
        ports: - "80"
        environment:
            - VIRTUAL_HOST=example.com
            - VIRTUAL_PORT=80
        restart: always

     express:
         build: server
         ports: - "3000:3000"
         links: - database
         restart: always

     database:
         image: mongo
         ports: - "27017:27017"
         restart: always

networks:
  default:
   external:
     name: nginx-proxy

角度容器的 Dockerfile

FROM node:8-alpine as builder

COPY package.json package-lock.json ./

RUN npm set progress=false && npm config set depth 0 && npm cache clean --force

RUN npm i && mkdir /ng-app && cp -R ./node_modules ./ng-app

WORKDIR /ng-app

COPY . .

RUN $(npm bin)/ng build --prod --build-optimizer

FROM nginx:1.13.3-alpine

COPY nginx/default.conf /etc/nginx/conf.d/

RUN rm -rf /usr/share/nginx/html/*

COPY --from=builder /ng-app/dist /usr/share/nginx/html

CMD ["nginx", "-g", "daemon off;"]

EXPOSE 80

Answer 1

问题是你试图在主机上打开端口80两次。一次用于nginx-proxy，一次用于angular。从角度移除“端口80”。

Answer 2

浏览器将与您设置的virtual_port上的容器通话。也许您可以通过api端点将请求定向到后端

Answer 3

如果要将nginx用作反向代理，则需要使用80端口访问它。然后修改nginx配置以重定向到角度容器和端口（例如81）。试试这个：＆＃34; proxy_pass http://angular:81＆＃34;。这应该有用。

Docker-compose和nginx代理

3 个答案: