如何在微信小程序中封装请求

  介绍

这期内容当中小编将会给大家带来有关如何在微信小程序中封装要求,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

httpUtils。js

const  request =, function (路径,方法,数据,头),{   ,let  user_id =,““   ,let  token =,““   ,try  {   时间=user_id 才能;wx.getStorageSync (USER_ID_KEY);   时间=token 才能;wx.getStorageSync (TOKEN_KEY);   ,}catch  (e), {}=,,header  header  | |, {};   ,let  cookie =, [];   ,cookie.push(“用户id=? +, user_id);   ,cookie.push(“令牌”=?+,令牌);   ,cookie.push(“设备=?+,1);   ,cookie.push (“app_name=? +, 1);   ,cookie.push (“app_version=? +, ENV_VERSION);   ,cookie.push(“频道=?+,1);=,,header.cookie  cookie.join (“;,“);   ,return  new 承诺((解决,,拒绝),=祝辞,{   wx.request({//后才能台请求   ,,,url: API_BASE_URL  +,路径,   ,,,标题:标题,   ,,,方法:方法,   ,,,数据:数据,   ,,,成功:function  (res), {   ,,,if  (res.code), {   ,,,,拒绝(res.data)   ,,,},{else    ,,,,解决(res.data)   ,,,}   ,,},   ,,,失败:function  (res), {   ,,,拒绝(“not  data");   ,,}   ,,});   ,});   };

userLogin。js

const  login =, function  (), {   ,try  {   wx.removeStorageSync才能(USER_ID_KEY);   wx.removeStorageSync才能(TOKEN_KEY)   ,}catch  (e), {}   ,return  new 承诺((解决,,拒绝),=祝辞,{   wx.login({才能   ,,,成功:res =祝辞,{   ,,,let  code =, res.code;   ,,,//,已经授权,可以直接调用,getUserInfo 获取头像昵称,不会弹框   ,,,wx.getUserInfo ({   ,,,,withCredentials:,真的,   ,,,,成功:,res =祝辞,{   ,,,,,let  userInfo =, res.userInfo;   ,,,,,let  name =, userInfo.nickName;   ,,,,,let  avatar =, userInfo.avatarUrl;   ,,,,,let  sex =, userInfo.gender;   ,,,,,let  data =, {   ,,,,,,:代码,代码,   ,,,,,,encryptedData:, res.encryptedData,   ,,,,,,4:,res.iv,   ,,,,,,名字:,名字,   ,,,,,,《阿凡达》:,《阿凡达》,   ,,,,,,性:,性爱,   ,,,,,,,,,,   ,,,,,};   ,,,,,请求(“/api/用户_/byWeChatApplet",,“POST",,数据),然后(,(res)=祝辞{   ,,,,,,if  (! res.code), {   ,,,,,,,try  {   ,,,,,,,,wx.setStorageSync (res.user_id USER_ID_KEY也);   ,,,,,,,,wx.setStorageSync (TOKEN_KEY, res.token)   ,,,,,,,},catch  (e), {   ,,,,,,,,拒绝(JSON.stringify (e));   ,,,,,,,}   ,,,,,,}   ,,,,,,解决(res)   ,,,,,}).catch (, (errMsg)=祝辞{   ,,,,,,拒绝(errMsg)   ,,,,,});   ,,,,},   ,,,,失败:,function  (res), {   ,,,,,if  (res.errMsg ,,, res.errMsg.startsWith (“getUserInfo: fail"),,,, res.errMsg.search (“unauthorized"), !==, 1), {   ,,,,,,拒绝(“getUserInfo: fail");   ,,,,,,返回;   ,,,,,}   ,,,,,wx.getSetting ({   ,,,,,,成功:,(res),=祝辞,{   ,,,,,,,if  (! res.authSetting [“scope.userInfo"]),{//没授权   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

如何在微信小程序中封装请求