基于typescript+express实现一个简单的接口权限验证
package.json
"scripts": {"start": "nodemon src/main.ts","start:a": "nodemon src/a.ts","build": "tsc","build:dev": "tsc src/main.ts"},express服务器文件
import * as express from 'express';
import { Request, Response, NextFunction } from 'express'
import * as jwt from 'jsonwebtoken';const app = express();
const secretKey = 'sean';app.use(express.static("static"))interface AuthenticatedRequest extends Request {user?: any;
}
// 登录接口
app.post('/login', (req: AuthenticatedRequest , res: Response) => {// 假设登录验证成功，生成Tokenconst token = jwt.sign({ username: 'admin' }, secretKey, { expiresIn: '1h' });res.json({ token });
});// 验证Token的中间件
const authenticateToken = (req: AuthenticatedRequest , res: Response, next: NextFunction) => {const authHeader = req.headers['authorization'];console.log("authHeader:",authHeader)// const token = authHeader && authHeader.split(' ')[1];const token = authHeader;console.log("token:",token)if (token == null) {return res.sendStatus(401);}jwt.verify(token, secretKey, (err: any, user: any) => {if (err) {console.log("verify-err",err)return res.sendStatus(403);}req.user = user;next();});
};// 需要验证Token的接口
app.get('/protected', authenticateToken, (req: AuthenticatedRequest, res: Response) => {console.log("req",req)res.json({ message: 'Protected route', user: req.user });
});app.get('/list', authenticateToken, (req: AuthenticatedRequest, res: Response) => {console.log("req",req)res.json({ data: [] });
});
app.get("/static",(req,res)=>{res.sendFile("index.html",{root:"./"})
})
// 启动服务器
app.listen(4000, () => {console.log('Server is running on port 4000');
});在根目录新建一个index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="app"><form ><div><span>用户名:</span><input id="user" type="text" placeholder="please input username"></div><div><span>密码:</span><input id="password" type="password" placeholder="please input username"></div><div><button id="btn">提交</button></div></form><div ><button id="send">send</button></div><div ><button id="listBtn">获取list</button></div></div>
</body>
</html>
<script>let user=document.getElementById("user")let password=document.getElementById("password")let btn=document.getElementById("btn")let sendBtn=document.getElementById("send")let listBtn=document.getElementById("listBtn")const submit=(e)=>{e.preventDefault()let data={username:user.value,password:password.value}fetch("http://localhost:4000/login",{method:"post",body:JSON.stringify(data)}).then(res=>{res.json().then(res=>{console.log("response",res)let token=res.token;sessionStorage.setItem("authorization",token)})})console.log("data",data)}const request=()=>{fetch("http://localhost:4000/protected",{method:"get",headers:{"authorization":sessionStorage.getItem("authorization")}}).then(res=>{res.json().then(response=>{console.log("pretect--response",response)})})}const requestList=()=>{fetch("http://localhost:4000/list",{method:"get",headers:{"authorization":sessionStorage.getItem("authorization")}}).then(res=>{res.json().then(response=>{console.log("pretect--response",response)})})}btn.addEventListener("click",submit)sendBtn.addEventListener("click",request)listBtn.addEventListener("click",requestList)</script>
相关文章：
基于typescript+express实现一个简单的接口权限验证
package.json "scripts": {"start": "nodemon src/main.ts","start:a": "nodemon src/a.ts","build": "tsc","build:dev": "tsc src/main.ts"}, express服务器文件 import * as…...
yolov7改进优化之蒸馏（二）
续yolov7改进优化之蒸馏（一）-CSDN博客 上一篇已经基本写出来yolov7/v5蒸馏的整个过程，不过要真的训起来我们还需要进行一些修改。 Model修改 蒸馏需要对teacher和student网络的特征层进行loss计算，因此我们forward时要能够返回需…...
生产与作业管理（POM）的历史
1800年，惠特尼：零件标准化、质量管理。 1881年，泰勒：人员选拔、计划和时程安排、动作研究。管理与劳动分开。 - 使雇员与工作相适应。 - 提供适当的训练。 - 提供正确的工作方法和工具。 - 建立适当的激励机制促使工作得以完成。 …...
交换机基础（二）
一、VLAN 基础知识 虚拟局域网 (Virtual Local Area Network,VLAN) 是一种将局域网设 备从逻辑上划分成一个个网段，从而实现虚拟工作组的数据交换技术。 这一技术主要应用于3层交换机和路由器中，但主流应用还是在3层交换机中。 VLAN 是基于物理网络上构建…...
回归预测 | MATLAB实现基于BP-Adaboost的BP神经网络结合AdaBoost多输入单输出回归预测
回归预测 | MATLAB实现基于BP-Adaboost的BP神经网络结合AdaBoost多输入单输出回归预测 目录 回归预测 | MATLAB实现基于BP-Adaboost的BP神经网络结合AdaBoost多输入单输出回归预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 1.MATLAB实现基于BP-Adaboost的BP…...
【蓝桥每日一题]-动态规划 （保姆级教程 篇11）#方格取数2.0 #传纸条
目录 题目：方格取数 思路： 题目：传纸条 思路： 题目：方格取数 （跑两次） 思路： 如果记录一种方案后再去跑另一个方案，影响因素太多了，所以两个方案要同时开…...
前端TypeScript学习day05-索引签名、映射与类型声明文件
(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹） 目录 索引签名类型 映射类型 索引查询（访问）类型 基本使用 同时查询多个索引的类型…...
Echarts柱状图数据过多设置滚动条效果
未设置前： 设置后： dataZoom: [ { show: true, height:8, bottom:0, startValue: 0, //起始值 endValue: 5, //结束值 showDetail: fals…...
64 最长公共子序列
最长公共子序列 题解1 DP 给定两个字符串 text1 和 text2，返回这两个字符串的 最长公共子序列的长度。如果不存在 公共子序列，返回 0 。 一个字符串的子序列是指这样一个新的字符串：它是由原字符串在不改变字符的相对顺序的情况下删除某些…...
matlab常用函数
绘图函数 一、plot()：二维图形绘制 1、plot(y)： 对于只含一个输入参数的plot函数，如果输入参数y为向量，则以该参数为纵坐标，横坐标从1开始至与向量的长度相等；如果输入参数y是矩阵时，则按列绘…...
Python配置镜像源
Python3安装pika的准备 Windows下配置镜像源可以按照如下操作。 1.winR执行%APPDATA% %APPDATA%后，创建pip文件夹，并创建pip.ini配置文件 查看此目录下是否有pip目录，如果没有则需要创建，并在pip目录下以文本方式添加pip.ini文件…...
Linux防火墙Centos6的常用命令iptables
文章目录 一、iptables基础知识二、作者玩玩的配置文件三、iptables中常用的参数以及作用-j参数的动作类型 四、安装iptables五、iptables启动命令六、iptables命令结构命令例子默认执行方式执行iptables命令和写入配置文件两种方式的对比 相对常用的命令参考文档 一、iptables…...
python中的贪心算法-求顾客的最小的等待时间
一. 设有n个顾客同时等待一项服务。顾客i需要的服务时间为ti(1<i<n)。如何安排n个顾客的服务次序才能使顾客总的等待时间达到最小? nint(input(请输入顾客的位数: ))times[] for i in range(n):timeint(input(f请输入顾客{i1}的服务时间: ))times.append(time) times.so…...
【JAVA springframework.http】如何发送HTTP请求
Springboot之restTemplate https://blog.csdn.net/weixin_43702146/article/details/116567707 public Result doHandlePostJson(String restUri, String jsonData)throws Exception {Result result null;try {// logger记录log.info("doHandlePostJson request restUr…...
字符串反转（Python）
1. 整体流程 为了实现递归反转n个字符串的功能，我们可以按照以下步骤进行操作： 步骤动作1定义递归函数2判断递归结束条件3处理递归函数的基本情况4调用递归函数，递归处理子问题5返回递归结果 我将详细解释每一步的具体操作，并提…...
驱动开发day4
通过字符设备驱动的分步实现编写LED驱动，另外实现设备文件和驱动的绑定 head.h #ifndef __HEAD_H__ #define __HEAD_H__ typedef struct {unsigned int MODER;unsigned int OTYPER;unsigned int OSPEEDR;unsigned int PUPDR;unsigned int IDR;unsigned int ODR; }…...
Flink之Window窗口机制
窗口Window机制 窗口概述窗口的分类是否按键分区按键分区窗口非按键分区 按照驱动类型按具体分配规则滚动窗口Tumbling Windows滑动窗口 Sliding Windows会话窗口 Session Windows全局窗口 Global Windows 时间语义窗口分配器 Window Assigners时间窗口计数窗口例子 窗口函数 W…...
【C++】继承 ⑧ ( 继承 + 组合 模式的类对象 构造函数 和 析构函数 调用规则 )
文章目录 一、继承 组合 模式的类对象 构造函数和析构函数调用规则1、场景说明2、调用规则 二、完整代码示例分析1、代码分析2、代码示例 一、继承 组合 模式的类对象 构造函数和析构函数调用规则 1、场景说明 如果一个类 既 继承了 基类 ,又 在类中 维护了一个 其它类型 的…...
Spark内核调度
目录 一、DAG （1）概念 （2）Job和Action关系 （3）DAG的宽窄依赖关系和阶段划分 二、Spark内存迭代计算 三、spark的并行度 （1）并行度设置 （2）集群中如何规划并…...
STM32串口
前言 提示：这里可以添加本文要记录的大概内容： 目前已经学习了GPIO的输入输出，但是没有完整的显示信息，最便宜的显示就是串口。 000 -111 AVR单片机 已经学会过了， 提示：以下是本篇文章正文内容&#x…...
[2025CVPR]DeepVideo-R1：基于难度感知回归GRPO的视频强化微调框架详解
突破视频大语言模型推理瓶颈，在多个视频基准上实现SOTA性能 一、核心问题与创新亮点 1.1 GRPO在视频任务中的两大挑战 安全措施依赖问题 GRPO使用min和clip函数限制策略更新幅度，导致： 梯度抑制：当新旧策略差异过大时梯度消失收敛困难：策略无法充分优化# 传统GRPO的梯…...
基于FPGA的PID算法学习———实现PID比例控制算法
基于FPGA的PID算法学习 前言一、PID算法分析二、PID仿真分析1. PID代码2.PI代码3.P代码4.顶层5.测试文件6.仿真波形 总结 前言 学习内容：参考网站： PID算法控制 PID即：Proportional（比例）、Integral（积分&…...
简易版抽奖活动的设计技术方案
1.前言 本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...
UDP(Echoserver)
网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法：netstat [选项] 功能：查看网络状态 常用选项： n 拒绝显示别名&#…...
服务器硬防的应用场景都有哪些？
服务器硬防是指一种通过硬件设备层面的安全措施来防御服务器系统受到网络攻击的方式，避免服务器受到各种恶意攻击和网络威胁，那么，服务器硬防通常都会应用在哪些场景当中呢？ 硬防服务器中一般会配备入侵检测系统和预防系统&#x…...
Java - Mysql数据类型对应
Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...
深入解析C++中的extern关键字：跨文件共享变量与函数的终极指南
🚀 C extern 关键字深度解析：跨文件编程的终极指南 📅 更新时间：2025年6月5日 🏷️ 标签：C | extern关键字 | 多文件编程 | 链接与声明 | 现代C 文章目录 前言🔥一、extern 是什么？&…...
UR 协作机器人「三剑客」：精密轻量担当（UR7e）、全能协作主力（UR12e）、重型任务专家（UR15）
UR协作机器人正以其卓越性能在现代制造业自动化中扮演重要角色。UR7e、UR12e和UR15通过创新技术和精准设计满足了不同行业的多样化需求。其中，UR15以其速度、精度及人工智能准备能力成为自动化领域的重要突破。UR7e和UR12e则在负载规格和市场定位上不断优化…...
【开发技术】.Net使用FFmpeg视频特定帧上绘制内容
目录 一、目的 二、解决方案 2.1 什么是FFmpeg 2.2 FFmpeg主要功能 2.3 使用Xabe.FFmpeg调用FFmpeg功能 2.4 使用 FFmpeg 的 drawbox 滤镜来绘制 ROI 三、总结 一、目的 当前市场上有很多目标检测智能识别的相关算法，当前调用一个医疗行业的AI识别算法后返回…...
SQL慢可能是触发了ring buffer
简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...