axios不同请求的传参方式

爱吃的前端程序员

于 2020-03-02 21:39:25 发布

阅读量606

点赞数

分类专栏： axios 文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/y521123y/article/details/104620389

版权

4 篇文章

订阅专栏

本文详细介绍了使用Axios库进行HTTP请求时，不同请求头的传参方式，包括GET请求的params方式，POST请求的application/x-www-form-urlencoded及application/json方式。通过具体示例代码，帮助读者理解如何正确地在请求中传递参数。

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

今天在上班过程中，遇到了axios不同请求头的传参方式，比较挠头，上网查询，总结了一些，大家可以参考！！！

params方式

this.axios.get(`/page`,
{
 params:{
 	oid:123,
 	name:'test'
 }
});

请求地址：/page?oid=123&name=‘test’
请求体：无

this.axios.post(`/page`,{
  data:qs.stringfy({
    oid:123,
    name:'test'
  });
});

请求地址：/page
请求体：oid=123&name=‘test’

this.axios.post(`/page`,
  {oid:123,name:'test'},
  {
    headers:{
	  'Content-type':'application/json'
	}
});

请求地址：/page
请求体：{“oid”:“123”,“name”:“test”}

如有问题，请各位大佬指导。