お知らせ
現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。
- 投稿日：
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;
}
}
- 投稿日：
パス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;
}
- 投稿日：
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;
}
- 投稿日：
nginxの設定ファイルを更新したのに読み込んでくれないときの対処法
- 次のようにnginxのリロードや再起動をしても通じないとき
nginx -s reloadnginx -s stop-> nginx
- 次のコマンドを流すとプロセスが綺麗に死んでくれて再読込できることがある
sudo kill -HUP $(cat /var/run/nginx.pid)