Vue中接口调用

在Vue中进行接口调用时，通常可以使用以下几种HTTP方法：

1. GET：用于从服务器获取数据。通常用于获取资源。

2. POST：用于向服务器提交数据，通常用于创建新资源。

3. PUT：用于向服务器发送数据更新一个已存在的资源。

4. DELETE：用于删除服务器上的资源。

5. PATCH：用于部分更新资源，仅传输需要更新的部分数据

1.GET 可以不写method，获取请求信息（即 默认method 就是get）

GET可以不传参，但如果GET请求传参的话，就需要 params

export function getUserInfo() {

  return request({

    url: '/sys/profile'

  })

}

export function getEmployeeDetail(id) {

  return request({

    url: `/sys/user/${id}`

  })

}

有时会传递params参数

export function getEmployeeList(params) {

  return request({

    url: '/sys/user',

    params // 地址参数 查询参数

  })

}

2.POST\PUT:函数中都是写(data)

export function login(data) {

  return request({

    url: '/sys/login',

    method: 'post',

    data

  })

}

export function updatePassword(data) {

  return request({

    url: '/sys/user/updatePass',

    method: 'put',

    data

  })

}

3.DELETE

如果对于某个特定的id要获取或者删除，即使用get和delete方法，直接传参即可。

 删除角色

export function delRole(id) {

  return request({

    url: `/sys/role/${id}`,

    method: 'delete'

  })

}

 获取角色详情

export function getRoleDetail(id) {

  return request({

    url: `/sys/role/${id}`

  })

}

4.PATCH

后更