前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序请求封装

微信小程序请求封装

作者头像
lyudev
发布2023-03-01 17:17:32
6020
发布2023-03-01 17:17:32
举报
文章被收录于专栏:代码即数据

config.js

代码语言:javascript
复制
const baseUrl = 'http://127.0.0.1:8000/';

export {
  baseUrl
}

index.js

代码语言:javascript
复制
import {
  request
} from './request'

module.exports = {
  // 获取导航
  getNavList: (data) => request('nav/', 'GET', data),
}

request.js

代码语言:javascript
复制
import {
  baseUrl
} from './config.js'

module.exports = {
  /*
   * url:请求的接口地址
   * methodType:请求方式
   * data: 要传递的参数
   */
  request: function (url, methodType, data) {
    let fullUrl = `${baseUrl}${url}`
    let token = wx.getStorageSync('token') ? wx.getStorageSync('token') : ''
    wx.showLoading({
      title: "加载中"
    });
    return new Promise((resolve, reject) => {
      wx.request({
        url: fullUrl,
        method: methodType,
        data,
        header: {
          'content-type': 'application/json', // 默认值
          'x-api-key': token,
        },
        success: (res) => {
          if (res.statusCode == 200) {
            resolve(res.data)
          } else {
            wx.showToast({
              title: res.data.msg,
              icon: 'none'
            })
            reject(res.data.message)
          }
        },
        fail: () => {
          wx.showToast({
            title: '接口请求错误',
            icon: 'none'
          })
          reject('接口请求错误')
        },
        complete: () => {
          setTimeout(() => {
            wx.hideLoading()
          }, 100)
        }
      })
    })
  }
}

pages/index/index.js

代码语言:javascript
复制
 onLoad() {
    this.goList()
  },
  // 在方法中调用
  goList() {
    let data = {}
    $api.getNavList(data).then((res) => {
      console.log(res, 'res');
    })
  },
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-02-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 代码即数据 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档