Api接口封装

一，post请求

//data:请求体
function getContact(data) {
    return service.request({
        method: 'post',
        url: '/contact/queryContact',
        data
    })
 
 
//使用接口
  async getContactList(){
        const {data:res} = await getContact(this.queryInfo)
        this.ContactList = res.data
        // 获取所有数据的数据总量
        this.total = res.totalPages*(this.queryInfo.pageCount)
  },

二，get请求

（1）

//封装请求
function getCustomerDeta(no) {
    return service.request({
        method: 'get',
        url: '/contact/getContact',
        params: no
    })
 
//使用接口
var {data:res} = await getCustomerDeta({contactNo:no})

总结：get请求传参用params，post请求用data；前者使用时直接使用，后者通过的对象的形式，如：{ contactNo:no }。

（2）拼接型，接口如图。

function getCustomer(no) {
    return service2.request({
        method: 'get',
        url: `/crm/customer/getCustomer/${no}`
    })
}

三，delete请求与get请求类似

function removeCustomerByNo(no) {
    return service.request({
        method: 'delete',
        url: '/contact/removeContact',
        params: no
    })
}