Closed3

NextプロジェクトにNginxを噛ませる

AuAgCuAuAgCu

docker-compose.ymlがある階層にnginx_frontディレクトリを作成し、

default.conf
server {
    listen 80;
    server_name localhost;
    location / {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass http://front:3000/;
    }
}

proxy_set_headerはheader情報をproxyに渡している?

docker-compose.yml
+  nginx_front:
+    image: nginx:1.23.3-alpine
+    ports:
+      - "8080:80"
+    depends_on:
+      - front
+    volumes:
+      - ./nginx_front/default.conf:/etc/nginx/conf.d/default.conf
+      - ./next-sample/app:/var/www

depend_onは起動順を制御できる。この場合だとfront → nginx_frontの順で起動する。

AuAgCuAuAgCu

docker-compose up -d で起動して、localhost:8080にアクセスして表示できれば成功

このスクラップは2023/03/07にクローズされました