[移动开发]支付宝小程序request封装

首先在app.js里面统一定义需要请求的域名

App({
  onLaunch(options) {
    

  },
  onShow(options) {
   
  },
  globalData:{
    host:'https://xx.xxxxxx.com'
  }
});

然后在项目文件夹的根目录中创建utils文件夹，在utils文件夹中创建request.js文件，如图

复制粘贴以下内容

//ajax封装
let app = getApp()
export function request(config) {
  // 加载loading
  my.showLoading();
  var sess = my.getStorageSync({
    key: 'sess'
  });
  sess= sess.data
  let host = app.globalData.host;
  // 解构赋值
  let {
    url = '',
    data = {},
    method = 'POST'
  } = { ...config }
  return new Promise((resolve, reject) => {
    my.request({
      url: host + url,
      method: method,
      headers:{
        'content-type':'application/x-www-form-urlencoded',
        'token':sess,
      },
      data: { ...data },
      success: (res) => {
        resolve(res.data)
      },
      fail: (err) => {
        reject(err)
      },
      complete: () => {
          my.hideLoading();
      }
    });
  })
}

这里的header需要根据后端需要的参数格式进行设置，token是约定的登录依据，不需要的可以忽略相关代码。

使用：
在需要的文件里引用该js

import { request } from '/utils/request.js'

request({
	url:"请求的地址",
	data:{},//请求参数
}).then((res)=>{      //请求回调
})