Express + Nginxでセッションがうまく動作しない

Question

質問の概要

Express + nginxを使って開発をしているのですが、ログイン処理時にセッションが意図したように動作してくれません。
ログインAPIへの通信はうまくいっているようでログインしたユーザの情報が返ってきて特にエラーも出ないのですが、その時にブラウザにCookieがセットされていないようです。(レスポンスにSet-Cookieがそもそもない様子)
色々と調べてみたのですが自力での解決が難しそうでご質問させていただきました。どうぞよろしくお願いいたします。

構成など

React / nginx / express / MySQL
フロント側(React)とAPIは別のオリジン
JWTではなくCookieを使ったサーバ側でのセッション管理
expressではexpress-session、ログインの認証にpassport.jsを使用

状況

• CORSの設定は対応済、フロント側からfetchでログインのAPIに接続し結果も問題なく受け取れる
• Cookieはhttp-only, secure, Same-site=Noneとなるように設定、フロントおよびAPIはどちらもSSLを設定している
• Chromeの開発者ツールでログインのAPIをPOSTした時のレスポンスを確認するとヘッダにSet-Cookieが見当たらない

試してみたこと

• こちらの記事に書かれているような事象に近いのかなと思いapp.set("trust proxy", 1);を設定してみましたが動作は変わらずでした。

https://t-cr.jp/memo/1c317a5b828d92220

• nginx側でX-Forwarded-Forの設定が必要なのかと思いproxy_set_header X-Forwarded-For $remote_addr;と追記してみましたがこちらも動作変わらずでした。他にも必要な記述があるのかなとおもったのですがnginxの知識が足りておらずどういう設定が必要なのかを調べることができませんでした。

• ためしにログインのAPIをPOSTした際に適当なキー/値でCookieを設定してみたところこちらはうまくブラウザに保存されたのでセッション絡みのCookieがうまくいっていないようです

ソースコード

app.js

const createError = require('http-errors');
const express = require('express');
const session = require('express-session')
const cookieParser = require('cookie-parser');
const logger = require('morgan');
const cors = require('cors')

//generate app
const app = express();
app.set('trust proxy', 1);

//set env
require('dotenv').config();

//set middleware
app.use(logger('dev'));
app.use(cors({
  origin: process.env.CLIENTORIGIN,
  credentials: true,
  optionsSuccessStatus: 200,
}))
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(session({
  secret: 'node_app_template',
  resave: true,
  saveUninitialized: false,
  proxy: true,
  cookie: {
    httpOnly: true,
    maxAge: 60000,
    secure: true,
    sameSite: 'none',
  }
}))
...

login.js(API部分のソース)

var express = require('express');
var router = express.Router();
const passport = require('../auth')

router.use(passport.initialize())
router.use(passport.session())

router.post('/login',
  passport.authenticate('local'),
  (req, res) => {
    // この記載を試しにコメントインするとこのCookieは問題なく保存される
    // res.cookie('testCookie', 'testValue', {
    //   httpOnly: true,
    //   maxAge: 60000,
    //   secure: true,
    //   sameSite: 'none',
    // })

    res.json( {result: req.user })
  }
)

router.post('/logout', (req, res) => {
  // req.session.passport.user = undefined;
  req.logout();
  res.json({ result: req.user })
})

module.exports = router;

nginx.conf

events{
}
http{
  server {
    listen 80 default;
    server_name localhost; 
  }
  server {
    listen 443 ssl;
    location / {
      proxy_pass http://172.30.0.2:3000;
      proxy_set_header X-Forwarded-For $remote_addr;
    }
    ssl_certificate /etc/certs/localhost.pem;
    ssl_certificate_key /etc/certs/localhost-key.pem; 
  }
}

Answer 1

別のキーワードで調査していたところ、同じ症状が出ている方のページを見つけ同じようにしてみたところ解決しました。
nginxの設定に下記の追加が必要でした。

proxy_set_header X-Forwarded-Proto $scheme;

https://www.digitalocean.com/community/questions/secure-cookies-not-working-despite-successful-https-connection