Koa 基础篇（二），字节跳动最爱考的前端面试题

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

2. 引入

const parser = require(“koa-bodyparser”)

app.use(parser())

3. 使用

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()

})

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

[外链图片转存中…(img-TLf4rMXR-1710686485725)]

[外链图片转存中…(img-kAHMldMG-1710686485726)]

[外链图片转存中…(img-mixXBeg5-1710686485726)]

[外链图片转存中…(img-C0RVeuFq-1710686485726)]