axios 中 get/post请求方式

1. 前言
最近突然发现post请求可以使用params方式传值，然后想总结一下其中的用法。

2.1 分类

经过查阅资料，get请求是可以通过body传输数据的，但是许多工具类并不支持此功能。
在postman中，选择get请求后，body选项自动变为了灰色。
即，不建议使用此方式传输数据。

2.2 get请求

params

基础类型接收,名字对应即可

// method
const params = {
    id: '123456789',
    name: '张三'
}
test(params)

// api
export function test (params) {
  return axios({
    url: url,
    method: 'GET',
    params: params
  })
}

// 后台
@GetMapping("/test")
public Result test(Long id, String name) {
    return Res.ok();
}

ps: get请求不允许传递List，需要使用qs插件或者配置axios

2.3 post请求

2.3.1 params 与 get方式相同

2.3.2 data
使用实体类接收

// 实体类
@Data
public class TestEntity {
    Long id;
    String name;
}

// method
const params = {
    id: '123456789',
    name: '张三'
}
test(params)

// api
export function test (params) {
  return axios({
    url: url,
    method: 'POST',	
    data: params
  })
}

@PostMapping("/test")
public Result test(@RequestBody TestEntity testEntity) {
    return Res.ok();
}

params和data的区别就是params是在URL进行参数传递的，而data不是

1.GET:用于获取数据
2.POST:用于提交数据
3.PUT:更新数据（吧所有数据推送到后端）
4.PATCH:更新数据(只推送修改的数据到后端)
5.DELETE:删除数据

发送请求时params和data的区别

params的方式 会将参数加到url后面，传递的都是字符串。无法传递参数中含有json格式数据

data方式是添加到请求体body里面。然后如果你的数据有json格式。也是可以的。