axios的传参方式

柔光的暖阳◎ 2023-06-30 09:06 21阅读 0赞

[https://www.cnblogs.com/liangweiping/p/11533162.html][https_www.cnblogs.com_liangweiping_p_11533162.html]

**1、 ****params方式**

axios({
      url: '/users',
      method: 'get',
      params: {
       id: '11111',
       name: '22222'
      }
    })

请求地址：/users?id=11111&name=22222

请求体：无

注：get请求是没有请求体的，所以get请求只能使用params传参。

**2、 ****data方式**

**（1）application/x-www-form-urlencoded（表单方式）**

axios({
      url: '/users',
      method: 'post',
      data: qs.stringify({
        id: '11111',
        name: '22222'
      })
    })

请求地址：/users

请求体：id=11111&name=22222

**（2）application/json（JSON方式）**

axios({
      url: '/users',
      method: 'post',
      data: {
        id: '11111',
        name: '22222'
      }
    })

请求地址：/users

请求体：\{"id":"11111","name":"22222"\}

**（3）multipart/form-data（文件方式）**

const formData = new FormData()
    formData.append('id', '11111')
    formData.append('name', '22222')
    formData.append('file', 此处是<input type='file'>的value)
    
    
    axios({
      url: '/users/upload',
      method: 'post',
      headers: { 'Content-Type': 'multipart/form-data' },
      data: formData
    })

请求地址：/users

请求体：

\-----------------------------2024497587069

Content-Disposition: form-data; name="id"

11111

\-----------------------------2024497587069

Content-Disposition: form-data; name="name"

22222

\-----------------------------2024497587069

Content-Disposition: form-data; name="file"; filename="2019å¹´åç«¯èµæºä¼°ç®.xls"

Content-Type: application/vnd.ms-excel

[https_www.cnblogs.com_liangweiping_p_11533162.html]: https://www.cnblogs.com/liangweiping/p/11533162.html

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios之post传参

后台说：传参post用body的形式 var str={ "User":_this.addform, ...

妖狐艹你老母/ 2024年04月18日 20:55/ 0 赞/ 81 阅读

相关 axios之get传参

近遇到了get传参的几种格式，想在这里总结一下，有不对的可以告诉我，我会改的~ 后台说：以url的形式传参先上图吧：看看后台的需求 ![在这里插入图片描述]...

电玩女神/ 2024年04月18日 12:16/ 0 赞/ 82 阅读

相关 axios.get请求传参方式

GET 请求中的数据通常通过查询参数（query parameters）传递，而不是在请求体中传递将数据作为查询参数附加到 URL 上 axios.get('

左手的ㄟ右手/ 2024年03月02日 10:51/ 0 赞/ 73 阅读

相关函数的传参方式

文章目录函数的传参总结 -------------------- > 注：我的笔记风格，可能不会特别官方，不会晦涩难懂，而是以一个初学者能

迈不过友情╰/ 2023年09月29日 15:57/ 0 赞/ 17 阅读

相关 react axios 传参为 FormData

react axios 请求传参为 FormData 目前本人用过两种方法方法一 : import axios from 'axios'

骑猪看日落/ 2023年07月18日 02:29/ 0 赞/ 21 阅读

相关 axios常见传参方式

[https://www.cnblogs.com/zhaojunhao/p/9622004.html][https_www.cnblogs.com_zhaojunhao_p_

冷不防/ 2023年06月30日 09:07/ 0 赞/ 28 阅读

相关 axios的传参方式

[https://www.cnblogs.com/liangweiping/p/11533162.html][https_www.cnblogs.com_liangweipin

柔光的暖阳◎/ 2023年06月30日 09:06/ 0 赞/ 22 阅读

相关 mybatis传参方式

mybatis一直都在使用注解方式，今天有个业务逻辑使用5个参数经行模糊查询，决定在XML中使用动态sql。 ![SouthEast][] 但是在测试的过程中控制台报

小鱼儿/ 2022年09月29日 04:27/ 0 赞/ 284 阅读

相关 vue-axios传参

get请求,参数是对象 getHospList (page, limit, searchObj) { return request({

叁歲伎倆/ 2022年09月15日 12:44/ 0 赞/ 202 阅读

相关 C++引用方式传参，传值方式传参（*、&）

C++引用方式传参，传值方式传参（\、&）和数组作为参数传递 1、引用方式传参 2、传值方式传参

「爱情、让人受尽委屈。」/ 2022年02月22日 15:04/ 0 赞/ 481 阅读