2024年最全axios在微信小程序的封装模板_微信小程序axios，2024年最新百度 二面

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

在pages同级目录中新建uitls文件夹,在里面新建http.js文件,粘贴以下内容

const baseURL = 'https://open.douyucdn.cn'; //基础路径自己可以改
/\*\*
 \* 对于网络请求，设置参数默认值
 \*/
const DEFAULT\_REQUEST\_OPTIONS = {
  baseURL,
  timeout:1000\*5,
	header: { 
    "Content-Type": "application/json",
    // 'x-token': 'x-token' // token 看自己是否需要
  },
}

/\*\*
 \* 请求的封装
 \* @param {String} url 请求的接口地址
 \* @param {String} method 请求的方法
 \* @param {Object} data 请求的参数
 \* @param {Object} option 请求头的配置
 \*/
const request = (url, method='GET', data={}, option={}) => {

  wx.showLoading({
    title: '加载中...',
  });

  // 合并配置，在配置信息中提取需要的部分
  let { baseURL, header} = Object.assign({}, DEFAULT\_REQUEST\_OPTIONS, option)
  return new Promise((resolve, reject) => {
    wx.request({
      url: baseURL + url,
      data,
      header,
      method,
      success: res => {
        // console.log('响应：',res);
        wx.hideLoading()
        if (res.statusCode === 200) {
          //200: 服务端业务处理正常结束
          resolve(res.data)
        } else {
          //其它错误，提示用户错误信息
          console.error(res);
          resolve(res)
          if(res.statusCode == 404){
            wx.showToast({
              title: '数据不存在',
              icon:'none'
            })
          }
        }
      },
      fail: res => {
        console.error(res);
        wx.hideLoading()
        reject(res)
      }
    })
  })
}



/\*\*
 \* GET请求
 \* @param {String} url 请求接口地址
 \* @param {Object} data 请求参数
 \* @param {Object} option 请求头的配置
 \*/
export const getApi = (url, data, option) => request(url, 'GET', data, option);

/\*\*
 \* POST请求


**深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

![](https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png)
![img](https://img-blog.csdnimg.cn/img_convert/eedd085460e2a7799b044c8165ca546d.png)
![img](https://img-blog.csdnimg.cn/img_convert/e995003ac3d34c0dda851cc40a9478dc.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**

笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**