vue axios分页查询2种方式-post请求-get请求拼接

前言

• 在规范化开发中实际get请求和post请求是由要求的，get请求获取数据，post请求传递数据。

• 但在实际开发中如果是没有硬性要求时，一般都是分页查询时候为了图方便直接使用post请求。

• 但其实2种请求方式通过封装都是可以进行分页查询的，可以会不用，但不能不会。

get请求和post请求区别

1.参数位置get请求只能拼接在url上（params）post请求可以在url也可以在请求体中（data）

2.参数大小get请求受url大小不超过32k，post请求1G

3.服务器接受get请求接受一次，post请求根据数据大小，可分多次接受

4.安全性get请求参数携带在url中，安全性低。post请求相当于get请求安全性更高

data参数

pageInfo: {
        // 总条数
        total: 0,
        // 当前选中页
        pageNo: 1,
        // 每页条数
        pageSize: 15,
        // 查询参数
        name: null,
      },
      
      
// 调接口
const res = await paging(this.pageInfo)

get请求分页查询封装

export function paging (data) {
  return request({
    url: '/newEquipment/page',
    method: 'get',
    params:{
      // 页数
      pageNo: data.pageNo,
      // 每页条数
      pageSize: data.pageSize,
      // 查询参数
      name:data.name
    }
  })
}

post请求分页查询封装

export function paging (data) {
  return request({
    url: '/newEquipment/page',
    method: 'post',
    data
  })
}

---

总结：

经过这一趟流程下来相信你也对 vue axios分页查询2种方式-post请求-get请求拼接 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

什么不足的地方请大家指出谢谢 -- 風过无痕