Я могу свернуть другой докер контейнер внутри docker compose, но не получить в коде - PullRequest
Новая
       19

Я могу свернуть другой докер контейнер внутри docker compose, но не получить в коде

1 голос
/ 28 марта 2019

Я не могу получить от server container до frontend container, хотя я могу получить curl ответ изнутри frontend container.

У меня есть docker-compose, настроенный с интерфейсом и контейнером сервера. Я хочу получить ответ сервера от внешнего интерфейса, но я получаю ошибку GET http://server:5000/api/panels net::ERR_NAME_NOT_RESOLVED. Я получу правильный ответ, если выполню следующую команду из контейнера внешнего интерфейса curl http://server:5000/api/panels

Сервер Dockerfile 

FROM node:11
ADD . /code
WORKDIR /code
COPY package*.json ./

RUN npm install
COPY . .

EXPOSE 5000
CMD [ "node", "server" ]

Внешний интерфейс Dockerfile 

FROM node:11
ADD . /frontend
WORKDIR /frontend
COPY package*.json ./

RUN npm install
COPY . .

EXPOSE 3000
CMD ["npm","start"]

докер-compose.yml 

version: '3'

services:
  server:
    build: .

  frontend:
    depends_on:
      - server
    build: ./frontend
    ports:
      - "3030:3000"

апи-вызов 

this.callApi()
      .then((res: ISolarPanels) => {
        this.setState({ solarPanels: res })
      })
      .catch((err) => console.warn('server is offline?', err))

 private callApi = async () => {
    const response = await fetch(process.env.REACT_APP_URL+'/api/panels')
    const body = await response.json()\
    if (response.status !== 200) {
      throw Error(body.message)
    }
    return body
  }

package.json (я использую dev скрипт для локальной разработки и start для докера 

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@types/d3": "^5.0.1",
    "d3": "^5.7.0",
    "prettier": "^1.13.5",
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-scripts-ts": "2.16.0",
    "tslint-eslint-rules": "^5.3.1"
  },
  "scripts": {
    "lint": "node_modules/.bin/tslint -c tslint.json 'src/**/{*.ts,*.tsx}'",
    "dev": "REACT_APP_URL=http://localhost:3000 react-scripts-ts start",
    "start": "REACT_APP_URL=http://server:5000 react-scripts-ts start",
    "build": "react-scripts-ts build",
    "test": "react-scripts-ts test --env=jsdom",
    "eject": "react-scripts-ts eject"
  },
  "proxy": "http://localhost:5000/",
  "devDependencies": {
    "@types/node": "^10.3.3",
    "@types/react": "^16.3.17",
    "@types/react-dom": "^16.0.6",
    "typescript": "^2.9.2"
  }
}

Ответы [ 2 ]

0 голосов
/ 28 марта 2019

Подводя итог, что пошло не так и как это было исправлено . Разумеется, запрос был отправлен из браузера, а не из внешнего интерфейса, поэтому необходимо было открыть порт сервера и включить CORS со стороны сервера.

0 голосов
/ 28 марта 2019

Для быстрого исправления вы можете разрешить CORS на вашем сервере. здесь

И в вашем веб-приложении вы можете использовать: 0.0.0.0:5000/api для указания на сервер.

Кроме того, вам необходимо связать свой порт в сервисе server в файле docker-compose.yml. 

  server:
    build: .
    ports:
      - "5000:5000"
...