解决Express中JWT验证403错误：HTTP头大小写陷阱及正确处理方法

const verifyToken = (req, res, next) => {
    // 尝试从请求体、查询参数或请求头中获取token
    const token = req.body.token || req.query.token || req.headers['Authorization']; 
    console.log("Token: ", token);

    if (!token) {
      return res.status(403).send("A token is required");
    }
    // ... 后续JWT验证逻辑
};

const jwt = require('jsonwebtoken'); // 确保引入jwt库

const verifyToken = (req, res, next) => {
    // 优先从Authorization头中获取Bearer Token
    // 注意：Express会将所有请求头名称转换为小写
    const authHeader = req.headers.authorization; 
    let token;

    if (authHeader && authHeader.startsWith('Bearer ')) {
        token = authHeader.split(' ')[1]; // 提取Bearer Token
    } else {
        // 如果Authorization头不存在或格式不正确，可以尝试从其他位置获取（如body或query，但通常不推荐）
        token = req.body.token || req.query.token; 
    }

    console.log("Extracted Token: ", token);

    if (!token) {
      return res.status(403).send("A token is required for authentication.");
    }

    try {
      // 确保process.env.JWT_SECRET已正确配置
      const decoded = jwt.verify(token, process.env.JWT_SECRET);
      req.user = decoded; // 将解码后的用户信息附加到请求对象
      next(); // 继续处理下一个中间件或路由
    } catch (err) {
      console.error("JWT verification error:", err);
      return res.status(401).send("Invalid or expired token.");
    }
};

module.exports = verifyToken;

import axios from 'axios';
import Cookies from 'js-cookie'; // 假设使用js-cookie管理token

const checkout = () => {
  const token = Cookies.get("token"); // 从Cookie中获取JWT
  console.log("token from catalog: " + token);

  axios({
    method: "post",
    url: "http://localhost:4000/api/payment/create-checkout-session",
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
      "Authorization": `Bearer ${token}`, // 正确发送Authorization头
    }
  }).then(response => {
    // ... 处理响应逻辑
    if (response.status === 200) { // Axios的response.ok不是一个标准属性
        return response.data; // 返回响应数据
    }
    throw new Error(`Request failed with status ${response.status}`);
  })
  .then(({ url }) => {
    window.location = url;
  })
  .catch(error => {
    console.error("Checkout error:", error);
    // 可以在这里处理具体的错误，例如根据错误码显示不同信息
    if (error.response) {
        console.error("Error data:", error.response.data);
        console.error("Error status:", error.response.status);
    }
  });
};