微信小程序简单实现api封装

最新推荐文章于 2024-06-12 19:59:07 发布

原创

最新推荐文章于 2024-06-12 19:59:07 发布 · 976 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了如何在微信小程序中进行API的封装，包括创建http文件、配置env.js、编写request.js和index.js，并展示了如何在页面中引入和使用封装后的API。

微信小程序简单实现api封装

今天学习了小程序里的api封装，然后在这里赶紧总结一下，以后忘了的话就可以看看，也算是对自己的一种总结！

思路

首先，新建一个http文件，然后再http文件里新建一个env.js文件来配置环境，
例如：代码如下

//env.js
module.exports={
   
   
  //开发环境
  dev:{
   
   
    baseUrl:'http://127.0.0.1:8080'
  },
  //生产环境
  prod:{
   
   
    baseUrl:'https://api.it120.cc'
  },
  //测试环境
  test:{
   
   
    baseUrl:'https://api.1909A.com'
  }
}

然后创建一个request.js文件，用哪个来封装网络模块需要的方法，功能等。
例如：代码如下

// request.js
const {
   
    baseUrl } = require('./env.js').prod
//封装ajax

//配置专属域名
const vipUrl = '小程序的专属域名'
/**
 * url:代表接口地址,
 * method:请求方式 GET | POST |..
 * data:代表要传递的参数
 * isSubDomain:是否添加专属域名
 */
module.exports = {
   
   

  request: function (url, method = "GET"