Error: invalid JSON, only supports object and array:报错详解
json
适用于现代 C++ 的 JSON。
项目地址:https://gitcode.com/gh_mirrors/js/json
免费下载资源
·
问题重现:
问题大意:发送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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)