排查问题
前端请求数据排查
因为不知道小伙水平,就没看 network
。我让他直接请求我的接口 https://www.lilnong.top/cors/koa-sf
,然后让他截图。
发现数据被收到了,证明前端肯定是没问题的。
服务端排查
路由排查
开始我怀疑他路由配置有问题。看上去这个路由也没问题。有请求就应该能收到。
content-type 限制排查
原生的话,就是监听流,然后拼接。
new Promise(function(resolve){ let str = '' ctx.req.on('data', (data) => { str += data }) ctx.req.addListener('end', () => { resolve(str) }) })
中间件的话,就是 koa-body
和 koa-bodyparser
之类的,通过小伙的截图看到如下画面。支持多种类型,起来也没问题。
其他中间件排查
因为小伙是新手嘛,总有可能用一些奇奇怪怪的中间件,看看是不是有什么检查阻塞了请求。
这张图片上就有疑点了,使用了两个中间件都是处理 body 的。
app.use(bodyParser())
app.use(KoaBody())
用关键词一搜索,妥妥的 BUG 呀。那我们把 app.use(bodyParser())
一删就 OK 了。
起服务,刷页面,测试,OK。
为什么 koa-bodyparser
和 koa-body
一起使用会有问题
感兴趣的小伙伴可以去看看源码。
这两个库都依赖 co-body
这个库,这个库里面依赖 raw-body
。然后下图可以看到,使用的还是流。