微信小程序/uni-app 封装请求

utils>http>http.js文件一层封装请求

//post和get请求封装

const baseUrl = "XXXXXXXXX"; // 测试环境
const $http = {/*url 路径地址data 传递的数据methods 请求类型 POSTdataType  数据格式转成token token数据headers  headers头部数据*/httpRequest: function({url,data,methods,dataType，token,headers}) {return new Promise(function(resolve, reject) {uni.request({url: baseUrl + url,data: data || {},method: methods || "GET",dataType: dataType || "JSON",header:  {"token": uni.getStorageSync('SESSION').token || '',"Content-Type": headers || "application/x-www-form-urlencoded"},success: function(res) {// 判断接口是否正常if (res.statusCode === 200) {// 返回成功后对数据进行处理,这儿返回状态是字符串（根据后端返回为准） 转换let resData = res.data;if (resData.status === 1) {//接口连接成功调用resolve(resData);} else if (resData.status === -1) {//接口连接失败调用resolve(resData)}}else{uni.hideLoading();uni.showToast({title: '网络繁忙！',icon: 'none',duration: 2000});}        },fail: function(err) {uni.hideLoading();reject(err);}})})}
}
export default $http;

utils>api>logon.js文件二层封装统一管理接口

// 引入请求js
import config from '@/utils/http/http.js';
// 登录接口统一管理
const $http = {//比如说是 login 登录接口,getcode:function(params,methods) {return config.httpRequest({url: 'Common/GetCode',params,methods})}
}
export default $http;

logon.vue文件中调用方法

<script>import logon from '@/utils/api/logon.js';export default {data() {return {}},onLoad() {},created() {this.getCode()},methods: {getCode() {alert(this.logonChecked)const self = this;let data = {state: 6,phone: self.phone};let methods = 'POST';logon.getcode(data, methods).then(res => {self.title = res;console.log(res);});}}}
</script>

这样就完成了，如果有帮到你，可以点一个赞哦！！！

微信小程序/uni-app 封装请求相关推荐

小程序promise封装post请求_微信小程序 es6-promise.js封装请求与处理异步进程
微信小程序 es6-promise.js封装请求与处理异步进程下载es6-promise.js置于根目录下的libs文件夹下: 在根目录utils文件夹下新建httpsPromisify.js,即定 ...
运用fiddler工具深度配置证书抓苹果IOS微信小程序或app数据请求
本教程详细演示fiddler的配置安装证书,与手机端配置安装证书并进行捕获请求,分析数据,如有疑问,可咨询! 使用工具下载: fiddler:https://www.telerik.com/downl ...
小程序promise封装post请求_微信小程序用promise封装请求
1.在根目录utils中新增request.js,(post也可以改成这种promise写法,post暂时用的回调写法)并写: var app = getApp(); //项目URL相同部分,减轻代码 ...
如何同步微信信息php,微信小程序中实现同步请求的方法
本篇文章给大家带来的内容是关于微信小程序中实现同步请求的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 微信小程序默认是用同步请求的,但有些时候需要数据的同步请求,可使用的方法有 ...
Java后端对接微信支付(微信小程序、APP、PC端扫码)非常全，包含查单、退款
首先我们要明确目标,我们点击微信支付官网 ,我们主要聚焦于这三种支付方式,其中JSPAI与APP主要与uniapp开发微信小程序与APP对接,而NATIVE主要与网页端扫码支付对接 1.三种支付统一 ...
微信小程序、app集成微信支付
一.微信小程序支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_11&index=2 申请小程序 ...
H5页面内嵌到微信小程序和APP，做分享操作
前言最近接到项目新需求,H5项目需要内嵌到微信小程序和APP里,然后将H5页面分享出去,被分享的人可以点击消息跳转到H5页面.H5页面不难,难的是要与微信小程序和APP进行交互,因为以前也没有接触过 ...
微信小程序定位权限封装
微信小程序定位权限封装 getUserOrSystemPermissions.js //如需动态获取权限,修改res.authSetting['scope.userLocation']与scope: ...
uniapp 微信小程序登录方法封装
uniapp 微信小程序登录方法封装前言一.登录接口二.登录上代码总结前言 ui设计没有登录页所以将微信小程序登录方法同一封装一个方法一.登录接口 uni.getUserProfile ...
PbootCMS微信小程序API的封装使用教程
PbootCMS微信小程序API的封装使用教程原文网址:https://www.lkcms.top/rgcms/58.html 第一步:准备md5加密文件 PbootCMS的签名参数signatur ...

微信小程序/uni-app 封装请求

utils>http>http.js文件一层封装请求

utils>api>logon.js文件二层封装统一管理接口

logon.vue文件中调用方法

微信小程序/uni-app 封装请求相关推荐

最新文章

热门文章

微信小程序/uni-app 封装请求

utils>http>http.js文件 一层封装请求

utils>api>logon.js文件 二层封装统一管理接口

logon.vue文件中调用方法

微信小程序/uni-app 封装请求相关推荐

最新文章

热门文章

utils>http>http.js文件一层封装请求

utils>api>logon.js文件二层封装统一管理接口