原声微信小程序axios简易封装(小白教程)
原声微信小程序axios简易封装(小白教程)
·
原声微信小程序简单封装axios笔记
-
封装文件(util.js)
// axios const getHerder = (params) => { const openid = wx.getStorageSync('OPENID') //登陆的openid const userViewId = wx.getStorageSync('USERViewId') //登陆的用户id const token = wx.getStorageSync('TOKEN') //登陆的token const data = { platform: 'consumer', tenantId: 6900, //租户ID openid: openid ? openid : '', userViewId: userViewId ? userViewId : '', token, } return params ? { 'Content-Type': 'application/json', ...data } : { 'Content-Type': 'application/x-www-form-urlencoded', ...data } } const request = ( url, data, methods = false, dataType = true, isLoading = false, ) => { if (!isLoading) { // wx.showToast({ // title: '加载中', // mask: true, // icon: 'loading', // duration: 2000 // }) wx.showLoading({ title: '加载中', mask: true, }) } const promise = new Promise((resolve, reject) => { wx.request({ url: `http://192.168.110.205:8090${url}`, //服务器地址 data, header: getHerder(dataType), method: methods ? 'GET' : 'POST', success(res) { if (res.statusCode == 403) { wx.clearStorage() _goLogin() } else if (res.statusCode == 200) { if (res.data.code == 200) { resolve(res) wx.hideToast() } else if (res.data.code == 600) { //未登录 wx.hideToast() _goLogin() } else { wx.hideToast() reject(res.data) errHandler(res.data.msg, 2000) } } else if (res.statusCode == 401) { wx.showModal({ content: '您未登录,请先前往首页去办理登录!', showCancel: false, confirmText: '去登陆', success(res) { wx.clearStorage() wx.reLaunch({ url: '/pages/featureGather/featureGather' }) } }) } else { wx.showToast({ title: '请求错误', icon: 'none', duration: 2000 }) } wx.hideLoading() }, fail(res) { const msg = '网络请求错误!' reject(res) errHandler(msg) wx.hideLoading() } }) }) return promise } const errHandler = ( msg, duration = 1500, icon = 'none' ) => { wx.showToast({ title: msg, duration, icon }) } module.exports = { request, }
-
api文件(common.js)
import { request } from '../utils/util.js' // export function weixinJsapiPay(params) { //(接口路径,参数,true=get,false=post) return request('/xcx/******/******/88888JsapiPay', params, false) }
-
页面使用(home.js)
//页面引入 import { weixinJsapiPay } from '@/api/' //使用s const data = weixinJsapiPay({ data })
更多推荐
已为社区贡献2条内容
所有评论(0)