封装request的请求参数传参方式

application/x-www-form-urlencoded

当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1&name2=value2…），然后把这个字串append到url后面，用?分割，加载这个新的url。

当action为post时候，浏览器把form数据封装到http body中，然后发送到服务器。

1、表单传参  data

export function delete(query) {
  return request({
    url: '/delete',
    method: 'post',
    data: query
  })
}

2、字符串拼接  query

export function editDetails(query) {
  return request({
    url: '/customType/edit',
    method: 'get',
    params: query
  })
}

export function editDetails({id}) {
  return request({
    url: '/customType/edit?id='+id,
    method: 'get'
  })
}

/* 不需要传参！！*/
export function addDetails() {
  return request({
    url: '/customType/add',
    method: 'get'
  })
}

application/json

将json格式的字符串传给后端。后端接受的是一个对象。

export function editState(data) {
  return request({
    url: '/editState',
    method: 'post',
    headers: {
      "Content-Type": "application/json"  //json串要声明
    },
    //data: data
    //语法糖
    data
  })
}