Skip to content

微信小程序请求的封装(使用超简单)

Notifications You must be signed in to change notification settings

tysonwang/wx-request

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

微信小程序 请求的封装

//在使用前需要向wx-request的index.js里的Request对象传入config配置 与 错误处理对象errHandler 
const config = {
  baseUrl:'',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  responseType: 'json',

}

const errHandler = {
  '401':()=>{},
  '500':()=>{},
  'default':()=>{}
}
const http = new Request(config,errHandler)
export {
  http
}

// 该工具库当前用于小程序 ,如果用于web使用基本相同,已封装了get post put delete,如需扩展可自配,实际使用方式如下
//app.js文件配置
import {http} from './wx-request';
App({
  // 全局data
  data: {
  http
  }
})

// 页面js文件使用如下    
const {data} = getApp();
const { http } = data;
// 方法一 :
async gets(){
  let res = await http.get(url,options)
}
// 方法二 :
async gets(){
  let res await http.get(url,options,config})
}
// 由于http的原型已经挂载到fly上 因此http可以访问fly上绑定的任何方法 
 方法二 :async getall(){
  let res = await http.all(promise1,promise2,...)
}
// 方法二 :
 async request(){
  await http.request(url,fly.options,config)   
 }

不足之处敬请谅解!

About

微信小程序请求的封装(使用超简单)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published