axios的get和post请求传headers、query、body等参数

火影  论坛元老 | 2024-6-13 12:39:09 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 1013|帖子 1013|积分 3039

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
axios的get和post请求传headers、query、body等参数

一、get传headers和query

  1. // 方法一:get请求传query可以拼接在url后面,也可以放在params中
  2. const age = 15;
  3. const result = await axios.get(`/a?age=${age}&type=1`,{
  4.   headers: {
  5.     "Content-Type": testApiData.value.extContentType,
  6.   },
  7. });
复制代码
  1. // 方法二:get请求传query也可以放在params中
  2. const query = {
  3.   age: 15,
  4.   type: 1,
  5. };
  6. const result = await axios.get("/a", {
  7.   params: query,
  8.   headers: {
  9.     "Content-Type": testApiData.value.extContentType,
  10.   },
  11. });
复制代码
2.post请求传query、body、headers

  1. // 方法一
  2. const result = await axios.post("/a", body, {
  3.   headers: { "Content-Type": "application/x-www-form-urlencoded" },
  4.   params: query
  5. });
复制代码
  1. // 方法二
  2. const query = {
  3.   age: 15,
  4.   type: 1,
  5. };
  6. const result = await axios({
  7.   url: "/a",
  8.   method: "post",
  9.   data: body,
  10.   params: query,
  11.   headers: {
  12.     "Content-Type": "application/json",
  13.   },
  14. });
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

火影

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表