解决vue中post请求传递对象参数变成[object%20Object]的问题

时间:2024-04-09 17:56:57

1.问题描述

前后端分离项目中,前端vue项目的一个post请求接口传递json对象参数时,传递变成[object%20Object]形式,且接口调用出错:

解决vue中post请求传递对象参数变成[object%20Object]的问题

2.问题解决

经过一番挣扎之后,终于解决了问题。一开始压根没有注意到接口调用传参格式问题,犯这种低级错误实在是不应该。

修改前:

解决vue中post请求传递对象参数变成[object%20Object]的问题
修改后:

解决vue中post请求传递对象参数变成[object%20Object]的问题
3.传参规范

get请求传参:

解决vue中post请求传递对象参数变成[object%20Object]的问题
post请求传参:

解决vue中post请求传递对象参数变成[object%20Object]的问题
4.修改之后成功调用
解决vue中post请求传递对象参数变成[object%20Object]的问题