Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

docker-composeとnginxのdocker imageで簡素に始める

参考にさせて頂いたページ

docker-composeを使ってnginx上でVueアプリケーションを動かす - Qiita

ディレクトリ構造

以下のようなディレクトリ構造です。docker-compose.ymlからの相対パスで色々指定しています。

hoge/docker-compose.yml
hoge/nginx/Dockerfile
hoge/nginx/nginx.conf
hoge/html/index.html

docker-compose.yml

version: '2'

services:
  nginx:
    build: ./nginx
    ports:
      - "80:80"
    volumes:
      - ./nginx/nginx.conf:/etc/nginx/nginx.conf
      - ./html:/var/www/html

Dockerfile

使用するimageだけ書きました。

FROM nginx:1.15.8

nginx.conf

user nginx;

events {
  worker_connections 2048;
  multi_accept on;
  use epoll;
}

http {
  charset UTF-8;
  server {
    listen 80 default;
    server_name example-hoge.com;
    root /var/www/html;
    index index.html;
    charset utf-8;
  }
}