Render控制台出现JWT must be provided错误的技术求助

1. 检查Fetch请求的Credentials配置 #

handlePlayNow函数里的fetch调用必须显式指定凭证携带策略，否则默认不会发送Cookie：

// 错误示例：默认omit不会带Cookie
fetch('/api/room', { method: 'POST' })

// 正确写法（跨域场景）
fetch('https://your-server-domain/api/room', {
  method: 'POST',
  credentials: 'include' // 关键配置，跨域时必须加
})

// 同域场景可改用
credentials: 'same-origin'

2. 验证登录时JWT Cookie的属性设置 #

登录接口设置Cookie时，需确保以下属性符合场景：

• Path: 设为/，确保所有路径都能携带Cookie，避免仅登录路径有效
• SameSite: 跨域场景设为None（同时必须搭配Secure），同域设为Lax即可
• Secure: 生产环境HTTPS下必须开启，否则Cookie不会被携带
• HttpOnly: 如果不需要前端读取Cookie，开启更安全，不影响自动携带

后端设置Cookie的示例（Node.js/Express）：

res.cookie('jwt', token, {
  httpOnly: true,
  secure: process.env.NODE_ENV === 'production',
  sameSite: process.env.NODE_ENV === 'production' ? 'None' : 'Lax',
  path: '/',
  maxAge: 24 * 60 * 60 * 1000
});

3. 确认CORS配置的完整性 #

即使你认为CORS没问题，也要核对服务器端是否同时满足：

• Access-Control-Allow-Origin 设置为前端具体域名（不能是*，否则Allow-Credentials不生效）
• Access-Control-Allow-Credentials 设置为true

Express CORS配置示例：

const cors = require('cors');
app.use(cors({
  origin: 'https://your-frontend-domain.com',
  credentials: true
}));

4. 排查请求路径与Cookie路径的匹配 #

检查handlePlayNow请求的接口路径，是否和登录时设置Cookie的Path属性匹配。比如Cookie的Path是/auth，但请求的是/room，则Cookie不会被携带。

5. 浏览器端验证 #

打开浏览器开发者工具（F12）：

• 在Application > Cookies下，查看是否存在目标JWT Cookie，以及其Path、Domain、SameSite等属性是否正确
• 在Network面板中，查看handlePlayNow请求的Request Headers里是否包含Cookie字段，如果没有，直接定位到前面的配置问题

内容的提问来源于stack exchange，提问作者Nicholas Ortiz