Error: invalid JSON, only supports object and array:报错详解

问题重现：

问题大意：发送POST请求时发送Koa-Bodyparser错误“无效的JSON，仅支持对象和数组”。此问题是使用koa开发的时候出现的，当我使用postman发送post请求时，后端使用koa-bodyparser接收数据时，出现了这个错误。

后端代码：

main.ts:

import * as Koa from 'koa';
import { useControllers } from "koa-controllers";
import db from './models';
import * as koaBodyparser  from 'koa-bodyparser'

let app = new Koa();

app.use( async (ctx: Koa.Context, next) => {

    // 把db对象等其他一些数据挂在到当前的state下面
    ctx.state.db = db;

    await next();
} );

app.use(koaBodyparser());

useControllers(app, __dirname + '/controllers/**/*.controller.js', {
    multipart: {
        dest: './uploads'
    }
});

app.listen(3000);

controller.ts:

import {Controller,Get,Ctx,Post} from 'koa-controllers';
import {Context} from 'koa';
import db from '../models';
import {
  Model
} from "sequelize";

@Controller
export class AdminCategoryController {

  @Get('/admin/category')
  public async index(@Ctx ctx: Context) {

    let categoryModel = await <Model<any, any>>ctx.state.db['category'].findAll()
    
    ctx.body = categoryModel
  }
  @Post('/admin/category')
  public async add(@Ctx ctx: Context) {
    let pid = ctx.request.body.pid || 0
    let name = ctx.request.body.name || 0
    console.log(ctx.request.body); 
  }
}

postman请求：

错误展示：

解决方法：

主要原因还是post发送的数据格式问题，后端Koa-Bodyparser接受不了，如果传入后台的是字符串也不行，所以这边需要传入对象。所以需要先设置请求头 'Content-Type' : 'application/json;charset=utf-8'然后数据用json对象格式，如下：
postman:

在js里面其实不用考虑这个问题，一般axios发送post请求，请求头就是这个格式，传递数据需要是对象格式：

vue.js:

axios({
   method:'post',
   url:'/api/admin/category',
   data:{name: 'test-data',pid:0}
})

使用Ajax发送可以这样写：
ajax.js:

$.ajax({ 
    url: '/api/v1/books', 
    data: JSON.stringify({test: 'test-data'}), 
    dataType: 'json', 
    contentType: 'application/json', 
    type: 'POST' 
}); 

最终效果：