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

用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 本身不具备处理能力的