封装api 不同的axios请求

1 请求url 携带路径参数	请求方式
/sys/role	delete

参数类型	参数名称
查询参数 params	id

2 请求url	请求方式
/my/cate/info	get

参数类型	参数名称
查询参数 params	id

3 请求url	请求方式
/sys/user	get

参数类型	参数名称
查询参数 params	page, size

4 请求url	请求方式
/sys/role	post

参数类型	参数名称
请求体 data	data

5 请求url 携带路径参数	请求方式
/sys/role/${data.id}	PUT

参数类型	参数名称
请求体 data	data

| 查询参数 |

2 遇到查询参数 封装api 如下

  根据查询参数 id   获取 数据
 export function getAticleinfo(id) {
     return request({
     url: `/my/cate/info`,
     method: 'get',
     params: { id }
     })
 }
 
 或者
 
   根据查询参数id 删除数据
  export function delAticleinfo(id) {
     return request({
     url: `/my/cate/del`,
     method: 'del',
     params: { id }
     })
 }

遇到请求url携带路径参数 且还有请求体 封装api如下

      根据路径参数data.id  和 请求参数data  修改数据
      export function updateRoles(data) {
      return request({
      url: `/sys/role/${data.id}`,
      method: 'put',
      data
     })
     }

遇到 请求体是 data 封装如下

export function login(data) {
return request({
url: '/api/login',
method: 'post',
data
 })
 

遇到 请求url携带路径参数 没有请求体 封装api如下

       根据 路径参数  id   删除数据
     export function delRoles(id) {
     return request({
     url: `/sys/role/${id}`,
     method: 'delete'
     })
     }