微信小程序网络请求封装

微信小程序网络请求封装

• request.js

const baseUrl = "https://www.xxxxx.xxx/xxx"
let token = wx.getStorageSync('token')

// 参数 "data" 从接口函数传递过来
const request = (options) => {
    return new Promise((resolve,reject) => {
    	// 拼接请求地址
        options.url = baseUrl + options.url
        wx.request({
        	// 请求参数
            ...options,
            header: {
                'content-type': 'application/x-www-form-urlencoded;charset=UTF-8',
                'Cookie':wx.getStorageSync('cookieKey'), // 配置传递Cookie（微信小程序默认没有cookie，如有需要可以自己储存下来再从请求头传递给后端）
                'token':`${token}`                             
            },
            success: function (res) {
                console.log("network-res=>", res);
                // 记录 Cookie，以便下一个请求传递
                wx.setStorageSync("cookieKey", res.header["Set-Cookie"]);
                // 返回成功信息
                resolve(res.data)    
            },
            fail: function (error) {
                console.log("network-err=>", error);
                // 返回错误信息
                reject(error)
            }
        })
    })
}
export default request

• api.js

import request from './request.js'
// 接口测试
export function getUserInfo(data) {
  return request({
    url: `/slides`,
    method: 'GET',
    data:data
  })
}

• 使用

import { getUserInfo } from "../../http/api.js";

async onLoad(options) {
  let res = await getUserInfo()
},