0

0

Express应用中JWT令牌验证的常见陷阱与解决方案

聖光之護

聖光之護

发布时间:2025-11-16 11:33:31

|

684人浏览过

|

来源于php中文网

原创

express应用中jwt令牌验证的常见陷阱与解决方案

本文深入探讨了在Express应用中进行JWT令牌验证时,因HTTP请求头大小写处理不当而导致的403 Forbidden错误。教程将详细解释Express如何处理请求头,并提供正确的令牌提取和验证中间件实现,确保令牌能够被正确解析,从而有效解决授权问题,提升API安全性。

在现代Web应用开发中,JSON Web Token (JWT) 已成为实现用户认证和授权的流行机制。通过在客户端存储令牌并在每次请求时发送给服务器,可以有效地管理用户会话。然而,在Express框架中实现JWT验证时,开发者常会遇到一些细微但关键的问题,例如因HTTP请求头处理不当而导致的403 Forbidden错误。本教程将详细解析这一常见问题,并提供一套健壮的解决方案。

理解JWT验证流程与常见问题

JWT验证通常涉及一个服务器端的中间件,该中间件负责从传入的请求中提取令牌,使用预设的密钥对其进行验证,然后将解码后的用户信息附加到请求对象上,以便后续的路由处理。

一个典型的JWT验证中间件可能如下所示:

const jwt = require('jsonwebtoken');

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

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

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

module.exports = verifyToken;

当客户端(例如使用Axios)发送包含Authorization头的请求时:

import axios from 'axios';
import Cookies from 'js-cookie';

const token = Cookies.get("token"); // 从Cookie获取JWT令牌

const makeAuthorizedRequest = () => {
  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 => {
    // 处理成功响应
  })
  .catch(error => {
    console.error("Request failed:", error);
    // 错误处理,例如403 Forbidden
  });
};

尽管客户端明确发送了Authorization头,服务器端仍可能返回403 Forbidden错误,并提示“A token is required”。这通常不是因为令牌缺失,而是服务器端中间件未能正确地提取到它。

Express中HTTP请求头的处理机制

问题的核心在于Express处理HTTP请求头的方式。根据HTTP规范,请求头名称是大小写不敏感的。然而,当Express解析传入的请求头时,它会将所有头名称转换为小写

这意味着,即使客户端发送的是Authorization: Bearer ,在Express的req.headers对象中,你必须通过req.headers.authorization(小写)来访问它,而不是req.headers.Authorization(大写)。

我们可以通过一个简单的Express应用来验证这一点:

一览AI绘图
一览AI绘图

一览AI绘图是一览科技推出的AIGC作图工具,用AI灵感助力,轻松创作高品质图片

下载
import express from "express";

const app = express();
const PORT = 3000;

app.listen(PORT, () => {
  console.log(`Server listening on port ${PORT}`);
});

app.post("/test-headers", (req, res) => {
  console.log("Received Headers:", req.headers);
  res.status(200).json(req.headers);
});

当你使用curl命令发送一个包含大写Authorization头的请求时:

curl --header "Authorization: Bearer my_test_token" -X POST http://localhost:3000/test-headers

Express服务器的控制台输出将显示:

Received Headers: {
  host: 'localhost:3000',
  'user-agent': 'curl/7.79.1',
  accept: '*/*',
  authorization: 'Bearer my_test_token' // 注意:'authorization' 是小写
}

这明确地证实了Express会将请求头名称转换为小写。

修正JWT验证中间件

基于上述理解,我们需要修改verifyToken中间件中访问Authorization头的部分。

正确的JWT验证中间件实现:

const jwt = require('jsonwebtoken');

const verifyToken = (req, res, next) => {
    // 尝试从请求体、查询参数中获取令牌
    let token = req.body.token || req.query.token;

    // 优先从请求头中获取令牌,注意这里使用小写的 'authorization'
    // 并且通常 Authorization 头会包含 "Bearer " 前缀,需要去除
    if (req.headers.authorization && req.headers.authorization.startsWith('Bearer ')) {
        token = req.headers.authorization.split(' ')[1]; // 提取真正的令牌部分
    }

    // 如果仍然没有令牌,则返回403
    if (!token) {
      return res.status(403).send("A token is required for authentication.");
    }

    try {
      // 验证令牌
      const decoded = jwt.verify(token, process.env.JWT_SECRET);
      req.user = decoded; // 将解码后的用户信息附加到请求对象
      next(); // 继续处理下一个中间件或路由
    } catch (err) {
      // 令牌无效,返回401
      return res.status(401).send("Invalid Token. Error: " + err.message);
    }
};

module.exports = verifyToken;

关键改动点:

  1. req.headers.authorization (小写): 这是访问Authorization头的正确方式。
  2. startsWith('Bearer ') 和 split(' ')[1]: 遵循JWT的最佳实践,Authorization头通常以Bearer开头,后面跟着实际的JWT。我们需要将Bearer前缀去除,只提取令牌本身进行验证。

将中间件应用到路由

在Express应用中,你需要将这个verifyToken中间件应用到需要保护的路由上。

const express = require('express');
const router = express.Router();
const verifyToken = require('./middleware/verifyToken'); // 假设你的中间件文件路径

// 在需要认证的路由前使用 verifyToken 中间件
router.post("/create-checkout-session", verifyToken, async (req, res) => {
  // 只有当令牌验证成功后,才会执行这里的代码
  const { items } = req.body;
  // ... 其他业务逻辑,例如处理支付
  res.send({ message: "Payment session created successfully." });
});

module.exports = router;

注意事项与最佳实践

  • JWT密钥安全: process.env.JWT_SECRET 必须是一个强密钥,并且应该通过环境变量安全地管理,绝不能硬编码在代码中。
  • 错误信息: 在生产环境中,返回给客户端的错误信息应尽量简洁和通用,避免泄露过多内部实现细节。例如,只返回"Invalid Token"而不是详细的错误堆
  • HTTPS: 始终通过HTTPS传输JWT令牌,以防止中间人攻击窃取令牌。
  • 令牌过期: JWT令牌应设置合理的过期时间,并实现刷新令牌的机制,以提高安全性并改善用户体验。
  • 撤销令牌: 对于某些需要立即撤销用户访问权限的场景(例如用户密码更改或账户禁用),JWT本身是无状态的,需要额外的机制(如黑名单列表)来处理。

总结

在Express应用中进行JWT令牌验证时,理解HTTP请求头在req.headers对象中会被转换为小写是至关重要的。通过正确地访问req.headers.authorization并处理Bearer前缀,可以有效解决403 Forbidden错误,确保令牌被正确解析和验证。遵循本文提供的修正方法和最佳实践,将有助于构建更安全、更健壮的API认证系统。

相关专题

更多
什么是中间件
什么是中间件

中间件是一种软件组件,充当不兼容组件之间的桥梁,提供额外服务,例如集成异构系统、提供常用服务、提高应用程序性能,以及简化应用程序开发。想了解更多中间件的相关内容,可以阅读本专题下面的文章。

175

2024.05.11

Golang 中间件开发与微服务架构
Golang 中间件开发与微服务架构

本专题系统讲解 Golang 在微服务架构中的中间件开发,包括日志处理、限流与熔断、认证与授权、服务监控、API 网关设计等常见中间件功能的实现。通过实战项目,帮助开发者理解如何使用 Go 编写高效、可扩展的中间件组件,并在微服务环境中进行灵活部署与管理。

212

2025.12.18

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

403

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

529

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

307

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

74

2025.09.10

curl_exec
curl_exec

curl_exec函数是PHP cURL函数列表中的一种,它的功能是执行一个cURL会话。给大家总结了一下php curl_exec函数的一些用法实例,这个函数应该在初始化一个cURL会话并且全部的选项都被设置后被调用。他的返回值成功时返回TRUE, 或者在失败时返回FALSE。

424

2023.06.14

linux常见下载安装工具
linux常见下载安装工具

linux常见下载安装工具有APT、YUM、DNF、Snapcraft、Flatpak、AppImage、Wget、Curl等。想了解更多linux常见下载安装工具相关内容,可以阅读本专题下面的文章。

172

2023.10.30

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

74

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 8.1万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 3.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号