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
来进行请求体的解释。
- 安装
npm install --save koa-bodyparser
- 引入
const parser = require(“koa-bodyparser”)
app.use(parser())
- 使用
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)]