手动搭建koa+ts项目框架(日志篇)

文章目录

前言

本文基于手动搭建koa+ts项目框架(路由篇)新增日志记录


一、安装koa-logger

bash 复制代码
npm i -S koa-onerror
and 
npm i -D @types/koa-logger

二、引入koa-logger并使用

./src/index.ts文件引入

ts 复制代码
import Koa from "koa";

import logger from 'koa-logger'

import index from "./routes/index"
import users from "./routes/user"

const app = module.exports = new Koa();

// 中间件
app.use(logger())

// 日志记录
app.use(async (ctx, next) => {
    const start = new Date()
    await next()
    const ms = Number(new Date()) - Number(start)
    console.log(ctx.query)
    console.log(ctx.body)
    console.log(`${ctx.method} ${ctx.url} - ${ms}ms`)
})

// 接口路由
app.use(index.routes())
app.use(users.routes())

if (!module.parent) app.listen(3000);

执行npm run dev开启服务,使用postman查看相关接口

如图,打印了调用的接口项目信息(可以根据项目需要,记录相关日志到数据库啦)


总结

根据koa-logger依赖,可记录实际用户访问的接口记录~

如有启发,可点赞收藏哟~

相关推荐
遗憾随她而去.12 分钟前
Webpack5 基础篇(二)
前端·webpack·node.js
Misnice1 小时前
Webpack、Vite 、Rsbuild 区别
前端·webpack·node.js
程序员爱钓鱼2 小时前
Node.js 编程实战:前后端结合 - 前端静态资源优化
前端·后端·node.js
程序员爱钓鱼2 小时前
Node.js 编程实战:前后端结合 - 跨域与代理配置
前端·后端·node.js
阿珊和她的猫3 小时前
Webpack 动态引入的实现原理与应用
前端·webpack·node.js
_UMR_3 小时前
前端Vue开发环境搭建(安装Node.js)
前端·vue.js·node.js
李永吉3 小时前
一款便捷的npm源管理工具nrm
前端·npm·node.js
天远数科3 小时前
Node.js全栈实战:对接天远手机号码归属地核验API实现智能表单填充
大数据·node.js
winfredzhang3 小时前
[全栈实战] 从零打造一个“沉浸式”私人云端阅读器 (Node.js + EPUB.js)
javascript·css·node.js·html·extjs·epub阅读器
程序员爱钓鱼19 小时前
Node.js 编程实战:Node.js + React Vue Angular 前后端协作实践
前端·后端·node.js