部署NestJS RESTful API至Azure Web App后Cookie无法发送的问题

以下是针对你问题的具体修复步骤：

• 修正Cookie的domain与SameSite配置
  Cookie的domain字段只能填纯域名，不能带https://协议前缀；同时跨域场景下必须设置SameSite: 'none'才能让浏览器在跨域请求中携带Cookie，修改后的Cookie配置如下：

  cookie: {
    maxAge: 3600000 * 24 * 10,
    httpOnly: true,
    secure: true,
    domain: 'nestback.azurewebsites.net',
    path: '/',
    sameSite: 'none',
  },
  

• 配置NestJS信任Azure反向代理
  Azure Web App通过反向代理转发请求，若不配置信任代理，Express会误判请求为非HTTPS，导致secure Cookie无法生效。在main.ts中添加：

  app.enable('trust proxy');
  

  或者直接在session配置中开启proxy选项：

  session({
    // ...其他配置
    proxy: true,
    // ...
  })
  

• 确保客户端请求携带凭证
  客户端发起请求时必须明确携带凭证：

  • Axios示例：axios.get('/api/xxx', { withCredentials: true })
  • Fetch示例：fetch('/api/xxx', { credentials: 'include' })

• 检查Session Store连接状态
  确认MongoDB集群允许Azure Web Service的IP访问，同时给MongodbStore添加错误监听，排查连接问题：

  const store = new MongodbStore({
    uri: 'mongodb+srv://AmirM:Dana1400@cluster0.7mygx.mongodb.net/GRADEGYDB',
    collection: 'mySessions',
  });
  store.on('error', (err) => console.error('Session存储错误:', err));
  

  可通过Azure App Service的日志面板查看具体错误信息。

• 优化session配置的最佳实践
  将resave设为false，避免不必要的session重复存储操作：

  session({
    secret: 'sdfsdfsdfsdjfksdjf',
    saveUninitialized: false,
    resave: false,
    // ...其他配置
  })
  

内容的提问来源于stack exchange，提问作者Dev-Tricks