微信小程序api封装

1.创建api公共文件公共文件夹

创建文件 request.ts

import { baseUrl } from '../utils/config'type config = {url: string,data: object,header: object,method: "GET" | "POST"|"DELETE"|"PUT"|"OPTION"
}const http = {request: (config: any) => {config.header = config.header || {'content-type': 'application/json'}config.method = config.method||'GET'config.url = config.url.startsWith('http') ? config.url : baseUrl + config.urlreturn new Promise((resolve, reject) => {wx.request({url: config.url,data: config.data,method: config.method,header: config.header,success(res) {resolve(res.data)},fail(err) {reject(err)}})})},post(url:any,config:any){return http.request({...config,method:"POST",url})},get(url:any,config:any){return http.request({...config,method:"GET",url})},
}export default http

2.在utils创建config文件，里面填写主地址

创建 config.ts

export const baseUrl = "https://b21215267-48b7-aefb-016e5c1d7445.bspapp.com/http"

3.在分开创建每个界面所用的接口，自己搭配即可

例如：创建home主界面接口

创建home.ts接口文件

import request from './request' // 引入request.ts封装的接口export const getBanner = () =>request.get('/house/get_banner') // 接口1export const getList = (params:any) =>request.post('/house/get_house_list',params)  // 接口2

4.使用封装的api，类似axios

getBanner().then((res:any)=>{this.setData({imgs: res.data})})

文件夹位置参考，可根据自己所需求创建文件，仅供参考

微信小程序api封装相关推荐

微信小程序api接口调用用封装
微信小程序api接口调用用封装 1. 在 02-项目下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步 ...
封装微信小程序api请求地址
封装微信小程序api请求地址 const API_BASE_URL = 'http://localhost:8080/test/api/'; module.exports = {IndexUrlNew ...
PbootCMS微信小程序API的封装使用教程
PbootCMS微信小程序API的封装使用教程原文网址:https://www.lkcms.top/rgcms/58.html 第一步:准备md5加密文件 PbootCMS的签名参数signatur ...
微信小程序如何封装api接口
微信小程序如何封装api接口一. 小程序接口请求流程二,域名配置一定要配置https,小程序上配置的域名必须是域名备案的三.打开微信开发者工具,打开你的项目,点开详情.确认一下域名是否一一匹对 ...
小程序长按api_微信小程序API相关知识科普
微信小程序API(Application Programming Interface),即应用程序编程接口.API是一种接口函数,把函数封装起来,给开发者,这样好多的功能就不需要你去实现了,只要会调用 ...
【微信小程序请求封装】【进阶版】处理401请求token过期--重新登录--重新发起刚才过期的请求
微信小程序请求封装(拦截器):处理请求过期–重新登录–重新发起刚才过期的请求 env.js //这里使用的接口呢都是自己模拟的,可以根据自己的需求进行添加module.exports={//开发环境的 ...
一起学习微信小程序api
微信小程序api介绍小程序API 是小程序开发的核心,通过 API 开发者可以获得微信底层封装的高级特性,如网络请求.文件操作.设备信息.地理定位.本地存储等. 小程序的 API 以全局对象 wx ...
微信小程序 api 缓存方案
微信小程序 api 缓存方案背景前言缓存方案(更新策略) 缓存那些接口 Storage 缓存工具类 ApiCache 类实现配置封装 request 请求总结背景为了应对用户流量大,减 ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...

微信小程序api封装

微信小程序api封装相关推荐

最新文章

热门文章