uni-app开发封装和vue网络请求一样的方法

话不多说,直接展示代码

这是封装的一个统一接口调用的js文件



export const apiResquest = (prams) => { //prams 为我们需要调用的接口API的参数 下面会贴具体代码
	return new Promise((resolve, reject) => {
		 let url = requestConfig.baseURL + prams.url;//请求的网络地址和局地的api地址组合(如:http://127.0.0.1:8080 + /user/userLogin >>> http://127.0.0.1:8080/user/userLogin)
		 return uni.request({
		 	url: url,
		 	data: prams.query,
		 	method: prams.method,
		 	timeout: requestConfig.timeout,
		 	success: (res) => {
		 		resolve(res.data);
		 	},
		 	fail: (err) => {
		 		 reject(err);
		 	},
		 	complete: () => {
		 		console.log('请求完成')
		 	}
		 });
	 })
}

接下来就是api的请求代码了也是一个js文件,

首先要引入上面封装的js文件,我这里是自己建了一个request文件夹,然后再建一个index的js文件

import {apiResquest} from '../request/index.js'

export const userLogin = (
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值