axios的请求方法

疯魔成佛

于 2019-06-13 15:58:54 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： vue axios delete 数组

本文链接：https://blog.youkuaiyun.com/baidu_37198552/article/details/91869137

VUE 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了在Vue项目中使用axios进行HTTP请求的方法，包括get、post、delete和put。get方法支持无参数和带参数调用，post方法通过键值对提交数据，delete方法的参数可以是普通字符或数组（此处易出错），而put方法的用法与post类似。重点强调了delete方法处理数组参数的特殊情况。

axios中各种方法调用接口

在vue项目中，目前推荐使用axios进行httpq请求调用接口方法，但是在使用过程中，各种方式的使用又不一样，下面详细介绍个方法的使用。

get方法

(1)不带参数：

axios.get("/user");

(2)带参数：

axios.get("/user", {
    params: {
      id: id,
      page: 10
    }
 });

post方法

以键：值对的形式提交

axios.post("/user/",
    params: {
      id: id,
      page: 10
    });
其中params为正常的键名

delete方法

（1）参数为普通字符

axios.delete("/user", {
    params: {
      id: id,
      path: mypath
    }
  });

（2）参数为数组形式

注意：这里比较容易入坑

axios.delete("/user", {
  data: videoPaths
});
其中，videoPath = [1,2,3]的数组形式；健值必须是data

put方法

和post方法一样

axios.put("/user", data);

总结：以上方法中，get方式和delete方法带参数时比较特殊；但最为特殊的时delete方法带的参数为数组形式时。