uniapp中封装request请求方法

1.封装request

  • 新建untils文件夹 request.js文件
//服务端路径
let serverPath = "http://172.30.2.113:3000";
const $request = (url, data, method) => {
    return new Promise((resolve, reject) => {
        uni.showLoading({
            title: '加载中',
            icon: 'loading',
            mask: true
        });
        uni.request({
            url: serverPath + url,
            method: method,
            data: data,
            header: {
                "authorization": uni.getStorageSync('token')
            },
            success(res) {
                resolve(res)
                uni.hideLoading(); //关闭loading
            },
            fail(error) {
                reject(error);
                // throw new Error(error);
                uni.hideLoading(); //关闭loading
            },
            complete() {
                uni.hideLoading(); //关闭loading
            }
        })
    })
}
//get请求
const get = (url, data) => {
    return $request(url, data, 'GET')
}
//post请求
const post = (url, data) => {
    return $request(url, data, 'POST')
}


export default {
    post,
    get
}

2二次封装

  • 新建api文件 新建对应的js文件
//引入封装好的request
import request from '@/untils/request.js';
function search_(data){
   return request.get("接口路径",data)
}
export {
   search_ as search,
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容