问题重现:

问题大意:发送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' 
}); 

最终效果:

在这里插入图片描述
在这里插入图片描述

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 4 个月前
8c391e04 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐