uniapp，小程序封装请求接口

//建一个request.jsconst BASE_URL = 'url'   //后端给的url// 传入请求参数// method: method,// // 配置请求类型// header: method == 'get' ? {'token': token, 'X-Requested-With': 'XMLHttpRequest',"Accept": `application/json, text/plain, */*`,"Content-Type": "application/json; charset=UTF-8"} : {'token': token,'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json; charset=UTF-8'},
export const myRequest = (options) => {return new Promise((resolve,reject)=> {let authtoken = uni.getStorageSync('authtoken')uni.request({url:BASE_URL + options.url,data:options.data || {},method:options.method || 'get',header: options.method == 'get' ? {'token': uni.getStorageSync('authtoken'), 'X-Requested-With': 'XMLHttpRequest',"Accept": `application/json, text/plain, */*`,"Content-Type": "application/json; charset=UTF-8"} : {'token': uni.getStorageSync('authtoken'),'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json; charset=UTF-8'},// header:{//     'Content-type': 'application/json',//     "X-Auth-Token": uni.getStorageSync('authtoken')  //这里的token指的是微信授权登录的token，用来判断小程序是否属于登录状态// },dataType:'json',success:res => {if(res.data.code !== 0){}resolve(res)},fail:err => {// uni.showToast({//  title:"请求接口失败",// })console.log('err',err)reject(err)}})})
}

main.js

import {myRequest} from "@/request/request.js"
Vue.prototype.$myRequest=myRequest

页面中

this.$myRequest({url: `接口url`, method:'get',data:{}
}).then(data=>{if(data.data.code == 200){}})

uniapp，小程序封装请求接口相关推荐

uniapp 小程序封装左滑效果组件
uniapp 小程序封装左滑效果组件引言封装组件页面使用注意事项引言小程序电商项目购物车,往往都会有左滑删除功能,在不想使用插件的前提下,就需要自己编写,因此我个人写了一个左滑效果组件封 ...
微信小程序request请求封装；微信小程序封装request请求；uni-app小程序封装request请求；
本片封装了微信小程序request请求:为别是post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的request.js封装uni.request ...
微信小程序 python接口_微信小程序-封装请求基准路径、接口API 和使用
1.在文件夹utils下新建 request.js文件 2.封装请求代码 // 基准路径 //路径仅为举例 const baseurl ='https://127.0.0.1' //get请求 fun ...
微信小程序服务器api接口的路径,微信小程序-封装请求基准路径、接口API 和使用...
1.在文件夹utils下新建 request.js文件 2.封装请求代码 // 基准路径 //路径仅为举例 const baseurl ='https://127.0.0.1' //get请求 fun ...
小程序关于请求接口302重定向处理方法
业务场景描述后端提供了一个接口,正常post请求,但是此接口返回结果是 302 , 页面自动重定向到结果页面. 如下图所示,我们请求到这个 302 接口之后其实是希望直接打开下面那条 200 请求 ...
微信小程序网络请求接口及生命周期
前言:前期我们对微信小程序有些基本了解,像标签,样式,组件....等. 今天我们继前期进行继续的了解一. 网络请求 HTTP(HyperText Transfer Protocol)是一套计算机通过 ...
支付宝小程序封装请求
myRequest(Type, url, params, successData, errorData, completeData) {//设置默认数据传数格式var methonType = &qu ...
uniapp 小程序用户信息接口被收回暂行解决方法
https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01?page=4 官方文档说了 ...
钉钉小程序封装请求地址
1.在最外层的app.js中 App({globaldata: {serverurl:'实际地址',// serverurl: 'http://172.16.1.47:7001',authCode: ...

uniapp，小程序封装请求接口

uniapp，小程序封装请求接口相关推荐

最新文章

热门文章