封装uniapp request promise化
2026/9/11 9:48:20 网站建设 项目流程

uniapp request 封装

  • 一、 封装方法
    • 1. 使用 promis 封装 request
    • 2. 封装 api 在 api.js
    • 3.在要请求的页面 调用 api

一、 封装方法

1. 使用 promis 封装 request

constBASE_URL='你的url接口'//比如 http://198.12.3.3/pzexportfunctionrequest(config={}){let{url,data={},method='GET',header={},}=config url=BASE_URL+url header['access-key']="您的key值"header['token']='您的toekn值'retrunnewPromise((resolve,reject)=>{uni.request({url,data,method,header,success:(res)=>{if(res.data.errCode===0){resolve(res.data)}elseif(res.data.errCode===400){uni.showModal({title:'错误提示'content:res.data.errMsg,showCancel:false})resolve(res.data)}else{uni.showToast({title:res.data.errMSg,icon:'none'})},fail:(err)=>{reject(err)}}))}

2. 封装 api 在 api.js

import{request}from'@/util/request'exportfunctionapiGetOrder(data={}){returnrequest({url:'您要拼接的url'//比如/order/list})}

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

import{apiGetOrder}from'@/api/api.js'constgetOrder=async()=>{letres=awaitapiGetOrder()orderList.value=res.data console.log(res.data);}

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

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询