Koa 基础篇(二)—— 路由与中间件

news/2025/2/1 6:40:06 标签: 中间件

let app = new Koa()

router.get(“/”,async ctx => {

ctx.body = “hello koa router”

})

app.use(router.routes())

app.use(router.allowedMethods())

app.listen(3000)

运行项目,在浏览器访问本地3000端口,在页面上就会看到输出的语句。这就是最简单的路由。

获取查询字符串

其实,不知不觉的,在上面的例子中已经处理了一个 GET 请求。那么,如何获取到 GET 请求中的查询字符串呢?

示例:

router.get(“/news”,async ctx => {

console.log(ctx.query)

ctx.body = “hello koa router”

})

很简单,通过 ctx.query 就可以获取到所有的查询字符串(被封装为一个对象)。

动态路由匹配

通过语法 :param 来指定动态路由。

示例:

router.get(“/news/:id”,async ctx => {

console.log(ctx.params)

ctx.body = “hello koa router”

})

通过 ctx.params 就可以获取到所有动态路由参数(被封装为一个对象)。

处理 post 请求

处理 post 请求并不是一件困难的事,直接使用 router.post() 就可以处理了,问题就在于如何获取 post 请求的请求体。

在原生的 node.js 中,post 请求提交的数据是由一个个数据块来组成的,所以在接收的时候需要手动进行拼接,这无疑带来不友好的体验,所以,使用第三方中间件 koa-bodyparser 来进行请求体的解释。

  1. 安装

npm install --save koa-bodyparser

  1. 引入

const parser = require(“koa-bodyparser”)

app.use(parser())

  1. 使用

router.post(“/login”,async (ctx,next) => {

console.log(ctx.request.body)

ctx.body = “login success”

})

通过 ctx.request.body 就可以获取到 post 请求体的内容了。

中间件


中间件就是匹配路由之前或匹配路由完成后做的一系列操作。

可以通过中间件来执行代码,修改请求和响应对象,调用堆栈中的下一个中间件

应用级中间件

需求:在处理所有请求之前都要打印当前的时间。

显然,不可能在每个路由中都插入一段代码来完成这个工作,所以此时就需要用到中间件了。

示例:

app.use(async (ctx,next) => {

console.log(new Date())

await next()

})

router.get(“/news”,async (ctx,next) => {

console.log(“news”)

ctx.body = “this is news page”

})

router.get(“/home”,async (ctx,next) => {

console.log(“home”)

ctx.body = “this is home page”

})

在上面的例子中,通过一个 use 方法,作为所有路由的 “拦截器” ,在处理所有路由之前先执行了这个路由里面的逻辑。

路由中间件

只处理某个具体路由的中间件

示例:

router.get(“/news”,async (ctx,next) => {

console.log(“news”)

await next()

})

router.get(“/news”,async (ctx,next) => {

ctx.body = “this is news page”

})

访问该路由时,会在控制台打印输出,在页面上也会有对应的显示。这说明访问一个 url 由两个路由处理了。

错误处理中间件

ctx 对象中,有一个 status 属性用于表示响应状态码,从而可以通过响应状态码来进行简单的错误处理。

示例:

app.use(async (ctx,next) => {

if(ctx.status === 404){

ctx.body = “404 page”

}

await next()

})

第三方中间件

第三方中间件就是使用第三方的包进行处理的中间件。比如,使用第三方中间件 koa-static 进行静态资源的托管。

  1. 安装

http://www.niftyadmin.cn/n/5839089.html

相关文章

deepseek核心技术:MLA架构-多头潜在注意力

deepseek核心技术:MLA架构-多头潜在注意力 MLA架构即Multi-Head Latent Attention(多头潜在注意力)架构,是一种优化后的注意力机制。以下是对其及相关示例的具体介绍: 工作原理 输入嵌入:将输入序列中的每个元素转换为向量表示,即嵌入向量。例如在处理文本时,将文本中…

Verilog边沿检测

edge_check.v module edge_check(input clk,input in,output neg_edge,output pos_edge);reg r11d0;reg r21d0;assign neg_edge(~r1)&r2;assign pos_edger1&(~r2);always(posedge clk)beginr1<in;r2<r1;endendmodule tb.v timescale 1ns/1nsmodule tb; //被测…

数据库性能优化(sql优化)_SQL执行计划03_yxy

数据库性能优化_SQL执行计划详解03 1 排序、聚集类操作符1.1 SORT 排序1.2 聚集AAGR 简单聚集FAGR 快速聚集HAGR HASH分组聚集SAGR 流分组聚集1.3 排序、聚集类操作符总结2 执行计划读取技巧1 排序、聚集类操作符 1.1 SORT 排序 它的主要功能是按照指定的列(或列组合)以及排…

Vue.js组件开发-实现全屏焦点图片带图标导航按钮控制图片滑动切换

使用 Vue 实现全屏焦点图片带图标导航按钮控制图片滑动切换 步骤 创建 Vue 项目&#xff1a;可以使用 Vue CLI 快速创建一个新的 Vue 项目。设计组件结构&#xff1a;创建一个包含图片展示区域和导航按钮的组件。实现图片滑动切换逻辑&#xff1a;通过点击导航按钮切换图片。…

2025-1-28-sklearn学习(47) (48) 万家灯火亮年至,一声烟花开新来。

文章目录 sklearn学习(47) & (48)sklearn学习(47) 把它们放在一起47.1 模型管道化47.2 用特征面进行人脸识别47.3 开放性问题: 股票市场结构 sklearn学习(48) 寻求帮助48.1 项目邮件列表48.2 机器学习从业者的 Q&A 社区 sklearn学习(47) & (48) 文章参考网站&…

riscv xv6学习笔记

文章目录 前言util实验sleeputil实验pingpongutil实验primesxv6初始化代码分析syscall实验tracesyscall实验sysinfoxv6内存学习笔记pgtbl实验Print a page tablepgtbl实验A kernel page table per processxv6 trap学习trap实验Backtracetrap实验Alarmlazy实验Lazy allocationxv…

计算机网络一点事(21)

第四章 网络层 功能&#xff1a;服务传输层&#xff0c;封装ip数据报&#xff08;主机到主机&#xff09; IP地址以32b表示&#xff0c;以8b为一组记十进制数 异构网络互连&#xff1a;网络结构&#xff0c;主机类型不同 路由器相互配合出IP数据报生成表&#xff0c;根据表…

Git 出现 Please use your personal access token instead of the password 解决方法

目录 前言1. 问题所示2. 原理分析3. 解决方法前言 1. 问题所示 执行Git提交代码的时候,出现如下所示: lixiaosong@IT07 MINGW64 /f/java_project/JavaDemo (master) $ git push -u origin --all libpng warning: iCCP: known incorrect sRGB profile libpng warning