微信小程序：封装request请求、解决请求路径问题

一、创建文件

1、创建请求文件

创建工具类文件request.js，目的是用于发送请求

二、js接口封装

1、写入接口路径

创建一个变量BASE_URL专门存储api请求地址

2、获取全局的token变量

从缓存中取出token的数据

3、执行请求

(1)方法中接收传递的参数

function request(url, method, data)

请求页面需要传递路径、请求方法、数据这三个参数

(2)异步处理-发送请求

使用Promise进行异步处理

根据request方法，将参数进行传递

传递请求头，类型为json,并传递token数据

(3)成功请求

请求成功后将数据返回，如果存在错误代码就报错或者返回到登录页

(4)导出方法

将post和get方法成功返回

4、完整代码

// utils/request.js
const BASE_URL = 'XXX'; // 接口基础地址

// 自动获取 token 的函数
function getToken() {
  // 可以换成从全局变量、store 中获取
  return wx.getStorageSync('token');
}
//执行请求
function request(url, method, data) {
  const token = getToken();
  return new Promise((resolve, reject) => {
    wx.request({
      url: BASE_URL