ES6中fetch的post的前后端node传参的问题

ES6中fetch大有取代ajax的现象，fetch一般用法为fetch(url，option).then().catch();
我们使用post方式传参时，一般在option中希望直接传json形式，可是后台node无法接收到数据；代码如下：

//前台代码fetch(url , {    method: 'POST',    headers: {},    body:obj,  //obj为json对象}).then().catch()//node服务端router.use(url,(res,req)=>{    console.log(req.body);//这样输出是{}，空对象})

第一种方法：
网上博客提供一种序列化转换的方法，如下：

let obj = JSON.stringify(obj);//前台代码fetch(url , {    method: 'POST',    headers: {},    body:obj,  //obj为string对象}).then().catch()//node服务端router.use(url,(res,req)=>{    console.log(req.body);//这样输出是{'obj':''}，})

这种我们需要使用for in去拿到body中key就是我们obj，总感觉太麻烦不简洁
第二种推荐：

fetch(url , {    method: 'POST',    headers: {},    body:`data=${JSON.stringify(obj)}`,  //即传入字符串data={....}}).then().catch()//node服务端router.use(url,(res,req)=>{    console.log(req.body);//这样输出是{data：obj},obj为我们的对象字符串，还需转为json})

这种方法合理利用后台body解析的规则，将data作为属性，body作为值，形成一对一，简洁易懂。