uniapp封装请求方式
1、在根目录中创建 utils 文件夹,并且在 utils 下继续创建 request.js 文件
2、在 request.js 中书写一下内容
//项目的配置文件
import config from "@/config/config.js"
//项目的状态管理工具,也可以使用vuex and uni.getStorageSync
import { useUser } from '@/store/index.js'
let store = useUser();
const request = ({
url,
method,
data
}) => {
return new Promise((resolve, reject) => {
uni.request({
url: config.BASE_URL + url,
method,
data,
header: {
'token': store.$state.userInfo.token,//后端要求的请求头
},
success: (res) => {
//处理接口各种状态的地方,根据自己公司的接口规则进行修改
switch (res.data.code) {
case 500: //接口报错
uni.showToast({
title: res.data.msg,
icon: 'none'
})
break;
case 355: //未登录、登录超时
uni.navigateTo({
url: '/pagesA/login/index'
});
break;
case 200:
resolve(res.data)
break;
}
},
fail: (err) => {
console.log(err);
uni.showToast({
title: JSON.stringify(err),
icon: 'none'
})
}
});
})
}
export default request;
...大约 1 分钟
