微信小程序 封装 请求接口 方法

1、在 utils 中创建 request.js 文件

 

2、在 request.js 文件中

const baseurl = 'https://api.zhiyedang.cn'

const request = (url, options) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: `${baseurl}${url}`, //域名接口地址
      method: options.method, //配置method方法
      data: options.method === 'GET' ? options.data : JSON.stringify(options.data), //如果是GET,GET自动让数据成为query String,其他方法需要让options.data转化为字符串
      header: {
        'Content-Type': '',
        'Authorization': wx.getStorageSync('Login')?wx.getStorageSync('Login').token:''
      }, //header中可以添加token值等
      success(request) { //监听成功后的操作
        if (request.statusCode === 200) {
          resolve(request.data)
        } else {
          reject(request.data)
        }
        if (request.data.code === 401) {
          wx.removeStorageSync('Login')//如果返回401，可以做一些操作
        }
      },
      fail(error) { //返回失败也同样传入reject()方法
        reject(error.data)
      }
    })
  })
}

//封装get方法
const get = (url, options = {}) => {
  return request(url, {
    method: 'GET',
    data: options
  })
}
//封装post方法
const post = (url, options) => {
  return request(url, {
    method: 'POST',
    data: options
  })
}
//封装put方法
const put = (url, options) => {
  return request(url, {
    method: 'PUT',
    data: options
  })
}
//封装del方法
const del = (url, options) => {
  return request(url, {
    method: 'DELETE',
    data: options
  })
}

module.exports = {
  get,
  post,
  put,
  del
}

 

3、在其他页面中调用接口

//引入接口文件
import api from '../../utils/request.js'

//在方法中调用接口（get请求）
    api.get(`/api/user-auth-view-history/du-record?pageInfo.pageIndex=${this.data.pageIndex}&name=${this.data.name}`).then(res=>{
      if(res.code==200){
        console.log(res)
      }
    })

//在方法中调用接口（post请求）
    api.post('/api/user-work-history/set-credentials', {
      workHistories: this.data.work
    }).then(res => {
      if(res.code==200){
        console.log(res)
      }
    })