Node.js express无法在Heroku上设置cookies

Node.js Express 在 Heroku 上设置 cookies 时可能会遇到一些问题，这通常与 Heroku 的环境配置和浏览器的安全策略有关。以下是一些基础概念、可能的原因、解决方案以及相关的应用场景。

基础概念

Cookies 是存储在用户浏览器上的小型数据片段，用于记住用户信息或跟踪用户行为。在 Node.js 中，可以使用 express-session 或 cookie-parser 中间件来处理 cookies。

可能的原因

SameSite 属性：现代浏览器默认对 cookies 设置了 SameSite=Lax，这意味着跨站请求不会携带 cookies，除非是安全的 GET 请求。
Secure 属性：如果应用部署在 HTTPS 环境下，cookies 需要设置 Secure 属性才能正常工作。
Heroku 的环境变量：Heroku 的某些配置可能会影响 cookies 的设置。

解决方案

以下是一个示例代码，展示如何在 Express 应用中正确设置 cookies，并确保它们在 Heroku 上正常工作：

const express = require('express');
const cookieParser = require('cookie-parser');
const session = require('express-session');

const app = express();

// 使用 cookie-parser 和 express-session 中间件
app.use(cookieParser());
app.use(session({
  secret: 'your-secret-key',
  resave: false,
  saveUninitialized: true,
  cookie: {
    secure: process.env.NODE_ENV === 'production', // 仅在生产环境中启用 Secure 属性
    sameSite: 'none' // 设置 SameSite 属性为 'none' 以允许跨站请求携带 cookies
  }
}));

app.get('/', (req, res) => {
  // 设置一个 cookie
  res.cookie('username', 'exampleUser', {
    maxAge: 900000,
    httpOnly: true,
    secure: process.env.NODE_ENV === 'production',
    sameSite: 'none'
  });
  res.send('Cookie has been set');
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});