uniapp의 기본 네트워크 메서드인 uni.request를 사용하여 네트워크 요청을 캡슐화합니다.

1. 네트워크 요청을 저장할 프로젝트에 폴더 생성(또는 직접 파일 생성)

 2. 네트워크 요청을 캡슐화하기 위한 특정 코드는 다음과 같습니다.

// 简单接口封装(加入token字段没起作用)

//域名或选取所有接口不变的那一部分
let baseURL = 'http://yqdh.test.site.ximengnaikang.com/pap/api'; 
let token = uni.getStorageSync('login_token')
// 默认是get请求
export const service = async function(args) {
	console.log(args,args.header, '这是给接口的数据')
    return await new Promise((resolve, reject) => {
        uni.showLoading({
            title: "加载中......"
        })
         uni.request({
            url: baseURL + args.url,
			method:args.method || 'GET',
            data: args.data,
            header: {
                //没能起到如果存在token就在header中加入token的作用,需要修改
				'Authorization': token ? `Bearer ${token}` : '',  
                //自定义初始化请求头信息
                'Content-Type': 'application/json;charset=utf-8', 
                //如果要给header添加字段的话则用剩余参数全部接收
				...args.header
            },
            success: (res) => {
                console.log('由于后端可能给的格式不一样,最好自己打印看看在处理')
                if (!res.data.status) {
                    uni.showToast({
                        title: res.data.msg
                    })
                }
                resolve(res.data)
            },
            fail: (err) => {
                uni.showToast({
                    title: "接口请求失败"
                })
                reject(err)
            },
            complete: () => {
                uni.hideLoading();
                console.log('完成请求了')
            }
        });
    })
}

3. 페이지에서 간단하게 사용

 

추천

출처blog.csdn.net/weixin_44191318/article/details/125378503