Nginx不针对api的好端口

Question

我试图使用nginx对一个经典的NodeJS(Express，TS)+Angular应用程序进行Dockerize，但我很难通过nginx正确绑定我的api。

事实上，nginx的目标似乎是我的本地主机：80...

...而我希望它以我的localhost:3000为目标。当我在localhost之后添加:3000时手动ping该url，它就可以工作了。

FROM node:15.14-alpine AS build

RUN mkdir -p /build/tmp
WORKDIR /build/tmp

COPY . .
RUN npm ci

CMD ["npm", "run", "start"]

### STAGE 1: Build ###
FROM node:15.14-alpine AS build
WORKDIR /usr/src/app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build

### STAGE 2: Run ###
FROM nginx:1.17.1-alpine
COPY nginx.conf /etc/nginx/nginx.conf
COPY --from=build /usr/src/app/dist/front /usr/share/nginx/html

version: '3.4'

services:
  mymusicads-front:
    container_name: mymusicads-front
    build:
      context: ./front
      dockerfile: Dockerfile
    ports:
      - 80:80
    restart: on-failure
    depends_on:
      - mymusicads-api
    networks:
      - front-back

  mymusicads-api:
    container_name: mymusicads-api
    build:
      context: ./api
      dockerfile: Dockerfile
    ports:
      - 3000:3000
    networks:
      - front-back

networks:
  front-back:
    driver: bridge

events{}

http {
    include /etc/nginx/mime.types;

    upstream api {
      server 127.0.0.1:3000;
    }

    server {
      listen 80;
      server_name front;
      root /usr/share/nginx/html;
      index index.html;
      location / {
          try_files $uri $uri/ /index.html;
      }
    }

    server {
      listen 80;
      server_name api;

      location /api/ {
          proxy_pass http://localhost:3000/;
          proxy_redirect off;
      }
    }
}

Answer 1

当您在配置中使用多个server块时，nginx将根据HTTPhost标头值选择处理请求的服务器块。如果它与任何指定的服务器名称都不匹配（或者根本不存在host标头），则将使用默认的服务器块。可以使用Listen指令的default_server标志显式指定默认服务器块。如果不显式指定，将使用侦听特定端口的第一个服务器块。有关更多细节，请参见nginx如何处理请求官方文档页面或本答案。

请尝试此配置：

events {}

http {
    include /etc/nginx/mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html;
        index index.html;
        location / {
            try_files $uri $uri/ /index.html;
        }
        location /api/ {
            proxy_pass http://mymusicads-api:3000/;
            proxy_redirect off;
        }
    }
}

您不需要向外部世界公开Node.js端口3000，只有mymusicads-front容器才可以访问该端口。根据docker-compose端口与expose SO thread之间的区别，您的dockercompose.yml文件应该类似于

version: '3.4'

services:
  mymusicads-front:
    container_name: mymusicads-front
    build:
      context: ./front
      dockerfile: Dockerfile
    ports:
      - 80:80
    restart: on-failure
    depends_on:
      - mymusicads-api
    networks:
      - front-back

  mymusicads-api:
    container_name: mymusicads-api
    build:
      context: ./api
      dockerfile: Dockerfile
    expose:
      - 3000
    networks:
      - front-back

networks:
  front-back:
    driver: bridge