uni-app接口封装

在项目下新建一个request目录

新建 request.js和 api.js

//全局请求封装
const token = uni.getStorageSync('token');

export default(url, method, params,header)=>{
	uni.showLoading({
		title:'加载中'
	});
	
	return new Promise((resolve,reject)=>{
		uni.request({
			url:'接口地址'+url,
			method:method,
			header:{
				Authorization:token,
				...header
			},
			data:{
				...params
			},
			success:res=> {
				if(res.data.code==200){
					/* uni.$u.toast(res.data.msg)
					setTimeout(()=>{
						
					},1500)
					resolve(res.data); */
				}else if(res.data.code==500){
					uni.$u.toast(res.data.msg)
				}else if(res.data.code==401){
					uni.$u.toast(res.data.msg)
				}else if(res.data.code==403){
					uni.$u.toast(res.data.msg)
				}else if(res.data.code==404){
					uni.$u.toast(res.data.code)
				}
				resolve(res.data)
			},
			fail(err){
				reject(err)
			},
			complete(){
				uni.hideLoading();
			}
		});
	});
};
import request from "./request.js"

const token = uni.getStorageSync('token');
export default{
	//用户登录
	// Login(params,header){
	// 	return request("/prod-api/api/login","POST", params)	//接口
	// }
}

首页测试接口=> 接口封装

你可能感兴趣的:(vue.js,javascript,前端,uni-app)