Rails+Vue+Docker+Webpack에서 개발 시 "net::ERR_EMPTY_RESPONSE"반복

참고로 한 기사

· Rails & Webpacker를 최대한 활용하기 위해 알아야 할 사항 요약
· Webpacker를 사용한다면 최소한 이것만 알고 싶으면

Console에서 "net :: ERR_EMPTY_RESPONSE"가 반복됩니다.

Rails+Vue+Docker+Webpack으로 WEB 앱을 개발 중, 타이틀대로 다음과 같은 오류가 발생했습니다.


에러 해결까지 꽤 시간이 걸렸습니다만, 원인은 간단하고, docker-compose.yml 파일로, 포트 설정과 WEBPACKER_DEV_SERVER_HOST의 설정이 없었기 때문이었습니다.

다음은 오류를 해결한 코드입니다.

docker-compose.yml

version: '3'
services:
  web:
    build: .
    command: bundle exec foreman start -f Procfile
    volumes:
      - .:/app
    ports:
      - 3000:3000
      - 8080:8080 # 追加したコード
    depends_on:
      - db
    tty: true
    stdin_open: true
    environment:
      - WEBPACKER_DEV_SERVER_HOST=web #追加したコード
  db:
    image: mysql:5.6
    volumes:
      - db-volume:/var/lib/mysql
    environment:
      MYSQL_ROOT_PASSWORD: password
volumes:
  db-volume:

조사해 보면 「WEBPACKER_DEV_SERVER_HOST」를 설정하는 것으로, Rails측에서 Webpacker가 기동하고 있는 것을 검지해, 접속할 수 있게 된다고 합니다.