お知らせ

現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。

nginx上でNext.js 12 SSRをHMRさせる

投稿日：
ライブラリ::Next.jsミドルウェア::HTTPD::nginx

Next.js 11から12にしたらHMRが死んだので復活させるための設定を書いておく

確認環境

Env Ver
nginx Windows-1.21.4
Next.js 12.0.4

設定例

標準状態でnpx nextを叩いた状態を想定している

map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}

server {
    listen       80;

    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_pass  http://localhost:3000;
    }
}
コメント（0件）

nginxのリバースプロキシ設定を共通化する

投稿日：
ミドルウェア::HTTPD::nginx

パスFooでは直にリバプロしたいけど、Barではローカルを見てからリバプロしたいときなどに使える

確認環境

Env Ver
nginx 1.19.8

サンプルコード

location @prox {
    proxy_set_header Authorization "Basic xxxxxxxxxxxxxxxxxxxxx==";
    proxy_pass  https://example.com;
}

# 直遷移させたい
location ^~ /foo {
    try_files /dev/null @prox;
}

# 内部に当ててから遷移したい
location ^~ /bar {
    try_files $uri @prox;
}
コメント（0件）

nginxでNode.jsインスタンスに対してリバースプロキシする

投稿日：
Node.jsミドルウェア::HTTPD::nginxOS::iOS

Proxy headerを設定しないとiOS Safari環境で上手くアクセスできないケースがあるのでやる設定

確認環境

Env Ver
nginx 1.19.8

サンプルコード

httpセクション

    map $http_upgrade $connection_upgrade {
        default upgrade;
        ''      close;
    }

リバースプロキシ設定

location @prox {
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_pass  https://example.com;
}
コメント（0件）

nginxが設定ファイルを読み込んでくれないときの対処

投稿日：
ミドルウェア::HTTPD::nginxジャンル::トラブルシューティング

nginxの設定ファイルを更新したのに読み込んでくれないときの対処法

  • 次のようにnginxのリロードや再起動をしても通じないとき
    • nginx -s reload
    • nginx -s stop -> nginx
  • 次のコマンドを流すとプロセスが綺麗に死んでくれて再読込できることがある
    • sudo kill -HUP $(cat /var/run/nginx.pid)
コメント（0件）