vue中请求方式总结

最新推荐文章于 2024-10-10 21:31:44 发布

scorpion_V

最新推荐文章于 2024-10-10 21:31:44 发布

阅读量578

点赞数 1

分类专栏：前端 vue Vue请求接口文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/scorpion_V/article/details/129184722

版权

前端同时被 3 个专栏收录

20 篇文章

订阅专栏

vue

20 篇文章

订阅专栏

Vue请求接口

1 篇文章

订阅专栏

本文展示了使用axios进行HTTP请求的不同方式，包括GET请求时在URL后拼接参数或使用params，POST和DELETE请求中在body中携带参数，以及如何在请求中转换和处理JSON与FormData对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

export function cameraMode( sn,type) {
  return axios({
    url: CONNECT + "/control/cameraMode/" + sn + "/" + type,
    method: "get",
  });
}

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

export function priorityList(airportSn) {
  return axios({
    url: TASK + "/scheduled/priorityList",
    method: "get",
    params: { airportSn: airportSn },
  });
}

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

export function changePriority(data) {
  return axios({
    url: TASK + "/scheduled/changePriority",
    method: "post",
    data: data,
  });
}

4、在body中携带参数，常用于delete请求。

export function deleteByIds(ids) {
  return axios({
    url: AIRWAY + "/way/deleteByIds" ,
    method: "delete",
    data: ids
  });
}

扩展：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);

以上是比较常见的请求方法~