vue中请求方式总结

1、常规方式，将参数拼接到后面，或者不带参数请求。

export function getTopic(id) {
  return request({
    url: '/space/topicFavlist/getTopic/' + id,
    method: 'get',
  })
}

2、在body中携带参数，常用于post请求。

export function addCollect(data) {
  return request({
    url: '/space/topicFavlist/insertFav',
    method: 'post',
    data: data,
  })
}

3、用params将参数自动拼接到请求路径后面，一般是get请求。

export function getCollect(params) {
  return request({
    url: '/space/topicFavlist/list',
    method: 'get',
    params:params
  })
}
//此时调用该方法传递的参数会自动拼接到后面，比如：
params = { id:1 , text:"hello" }
getCollect(params)
//请求地址为：
/space/topicFavlist/list?id=1&text=hello

---

扩展：json对象与FormData对象之间的转换

let jsonData = {userName:"jsck",age:18}
const formData = new FormData()
//单个键值对转换
formData.append('userName',jsonData.userName);
formData.append('age',jsonData.age);
//转换整体的一个对象
formData.append("data", JSON.stringify(jsonData));

//formdata转成json形式数据：  
var jsonData = {};  
formData.forEach((value, key) => jsonData[key] = value);