13-axios 传递参数的方式(data 与 params 的区别)

Axios官方网址：起步 | Axios中文文档 | Axios中文网 (axios-http.cn)

参考文章：axios 传递参数的方式(data 与 params 的区别) - 知乎 (zhihu.com)

 

Axiosa大家都非常的清楚，一个既可以用于客户端或者 服务端发送http请求的库。但是在前后端联调的时候有的时候会很难受，所以这里我来做一个总结。

 

参数的传递方式

参数传递一般有两种，一种是 使用 params, 另一种是 data 的方式

1）get请求

axios({
    method: 'GET',
    url: 'xxxxx',
    params: param,
  })
或者 
axios({
    method: 'GET',
    url: '/xxx?message=' + msg,
  })

2）post请求

axios({
    method: 'POST',
    url: '/xxxxx',
    data: param,
  })
  或者
 axios({
    method: 'POST',
    url: '/xxxxx',
    params: param,
  })

 

data形式（post请求）

data 参数用于 PUT、POST、PATCH 等类型的请求中，它包含的是要发送到服务器的数据体。即data参数传递的是一个对象的方法体

查看view sourcer 如下：

 

 

params 形式（post请求）

params 参数通常用于 GET 请求中，这些参数会被添加到 URL 的查询字符串中。即params参数传递的是一个被拼接成的字符串

 查看view sourcer 如下：