uniapp封装接口

一、新建文件夹及文件

 

 

二、request.js文件内封装全局请求

const token = uni.getStorage('token')  // 获取token值

const baseUrl = "http://**.***.***.***:5000" 

export default(url, method, params) => { // 传参： 接口url，  method类型， params参数
    return new Promise((resolve, reject) => {
        uni.request({
            method: method,
            url: baseUrl + url,
            data: params,
            header: {
                token: token
            }
        })
        .then((response) => {
            // 请求成功后的处理
            if (response.data.retCode === 0) {
                resolve(response.data.strResult) // 返回内容根据后端返回数据决定
            } else {
                console.log('请求数据不存在')
            }
        }).catch((reject) => {
            // 请求失败后的处理
            console.log('请求失败')
        })
    })
    
}

 

 

三、api.js封装各个接口

 

 

 

四、main.js引入api文件

 

 

 

五、接口调用

 

 调用格式：

this.$api.接口名称（parmas参数）.then().catch()