axios的传参方式

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

发布了44 篇原创文章 · 获赞 15 · 访问量 7647
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览