前端post请求中body和query传参的区别

前端发送请求最常用的是get请求还有post请求
get请求只能传query参数，query参数都是拼在请求地址上的
post可以传body和query两种形式的参数
如下：

/* 编辑项目列表 */
export function editProjectList(params) {
  const url = '/support/project/update';
  return request({
    url: url,
    method: 'post',
    data: params // data就是body参数
  });
}

•  

/* 增加客户列表 */
export function addClientList(params) {
  const url = '/support/company/insert';
  return request({
    url: url,
    method: 'post',
    params: params// params就是query参数
  });
}

•  

注意：拼在请求地址上的传参，就是query传参，params的值只能是一个字符串，不能传递对象类型的参数，如果参数中涉及到了传递对象，就要选择body传参。

3.@RequestParam和@RequestBody的区别

若后端使用@RequestParam 来接收前端传过来的参数的，Content-Type要设置为application/x-www-form-urlencoded，并且需要对data使用qs.stringify来进行转换；

若后端使用@RequestBody 来接收前端传过来的参数的，Content-Type要设置为application/json;

 

如有不对：请斧正；