express做登录验证获取req.body为空对象问题

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/TyrionJ/article/details/81990048

用express作登录验证,在代码里打印req.body为空对象,通过解决这个问题对http服务,数据提交到服务器,以及工具的使用有了更加深刻的认识。

出现阻塞的原因

  • 对客户端和服务端通信没有深层次的理解
  • 初次工具使用不熟练

注册登录思路分析

  • 使用express框架搭建web服务器
  • 使用const {Router} = require('express'); const router = Router();引入路由中间件进行路由处理
  • 使用body-parser中间件来获取req.body

body-parser中间件的使用

const bodyPaser = require('body-paser')
app.use(bodyPaser.json)   //在其他路由中间件前(尽可能靠前,以能够通过bodyPaser获取req.body)
app.use(bodyParser.urlencoded({ extended: false})) // 调试工具如果出现警告请加上extended: false

获取登录参数

// 在路由login.js中
app.post('/login', (req, res, next) => {
    console.log(req.body)    // 这里调试时打印{}?如何解决
    // ...other code below
})

前台页面
这里写图片描述
通过ajax发送请求时在谷歌控制台可以看到
这里写图片描述

请求体中可以看到客户端发送的数据类型是Content-Type:application/x-www-form-urlencoded; charset=UTF-8
通过app.use(bodyParser.urlencoded({ extended: false})) 使服务端可以获取到req.body
这里写图片描述
如果注释app.use(bodyParser.urlencoded({ extended: false})) 那么req.body就是一个空对象,因为没有使用bodyParser的urlencoded方法将body挂载到req对象上。

工具Insomnia使用

这里写图片描述

上面两个设置一个都不能少,postman也需要同样进行设置。配置好参数后,点击send在终端才能看到req.body为想要的值而不是一个空对象。

数据传输 本身就有多种类型 比如 上传文件 又不同了 你只有告诉服务器是什么类型数据 它才知道如何解析你的数据保证转换后 是正确的数据。所以jQuery里的$.ajax的dataType告诉服务器要接受的数据格式。
要想服务器可以接收json数据 要使用app.use(bodyParser.json()),在服务端 也要配置对应中间件来处理json数据express 本身不具备处理能力的

展开阅读全文

没有更多推荐了,返回首页