封装uniapp request promise化

一、 封装方法

1. 使用 promis 封装 request

1. const BASE_URL = '你的url接口' //比如  http://198.12.3.3/pz
3. export function request(config = {}){
4.         let {
5.                         url,
6.                         data = {},
7.                         method = 'GET',
8.                         header = {},
9.                 } = config
10.                 url = BASE_URL+url
11.                 header['access-key'] = "您的key值"
12.                 header['token'] = '您的toekn值'
13.                 retrun new Promise((resolve, reject) => {
14.                         uni.request({
15.                                 url,
16.                                 data,
17.                                 method,
18.                                 header,
19.                                 success:(res) =>{
20.                                         if(res.data.errCode === 0){
21.                                                 resolve(res.data)
22.                                         }else if(res.data.errCode === 400){
23.                                                 uni.showModal({
24.                                                         title:'错误提示'，
25.                                                         content: res.data.errMsg,
26.                                                         showCancel:false
27.                                                 })
28.                                                 resolve(res.data)
29.                                         }else{
30.                                                 uni.showToast({
31.                                                         title:res.data.errMSg,
32.                                                         icon:'none'
33.                                                 })
34.                                 },
35.                                 fail: (err) =>{
36.                                         reject(err)
37.                                 }
38.                                
39.                         })
40.                 )
41. }

复制代码

2. 封装 api 在 api.js

1.         import {request} from '@/util/request'
2.         export function apiGetOrder(data = {}){
3.                 return request({
4.                         url:'您要拼接的url' //比如/order/list
5.                 })
6.         }

复制代码

3.在要请求的页面 调用 api

1.                 import {apiGetOrder} from '@/api/api.js'
2.                 const getOrder = async () =>{
3.                 let res = await apiGetOrder()
4.                 orderList.value = res.data
5.                 console.log(res.data);
6.         }

复制代码

注意
提供的url 都是虚拟
如有错误请告知
如有侵权请带着截图发邮件
邮箱 1413229255@qq.com

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。