微信小程序,封装axios请求数据

微信默认请求数据,wx.request({}),这里进行promise封装:
①config.js 文件:

const config = {
  // baseUrl: 'http://192.168.3.19:3000'
  baseUrl: 'http://127.0.0.1:3000'
}
export default config

②base.js 文件:

import config from './config.js'
class Base {
  constructor(){
    this.baseUrl = config.baseUrl
  }
  //封装数据请求
  axios(method,url,data){
    /*
    params请求需要的参数
    method get post
    url :
    data:
    */
     return new Promise((resolve,reject)=>{
       wx.request({
         url: this.baseUrl+url,
         method:method||'get',
         data: data||'',
         success(res){
           if(res.statusCode===200){
             resolve(res.data)
           }else{
             reject(res)
           }           
         },
         fail(err){
           reject(err)
         }
       })
     })
  }
 
export default Base

③举例:

//逻辑功能
import Base from '../../utils/base.js'
class Home extends Base{
  constructor(){
    super()
  }
  //获取首页数据
  getHomeBanner(cb){
    this.axios('post','/admin/banner/getBannerByPage',{type:"banner"})
      .then((res)=>{
        cb(res.data)
      })
  }

export default Home
  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值