学习旧岛小程序（4）封装api 请求

1.配置基本的请求路径和 key

config.js

const config = {baseUrl: 'http://bl.7yue.pro/v1/',appkey: ""
}
export { config }
//Es6的导出

2.封装

util/http

import { config } from '../config.js'class HTTP {constructor() {this.baseRestUrl = config.baseUrl}//http 请求类, 当noRefech为true时，不做未授权重试机制request(params) {var that = thisvar url = this.baseRestUrl + params.url;if (!params.method) {params.method = 'GET';}wx.request({url: url,data: params.data,method: params.method,header: {'content-type': 'application/json','appkey':config.appkey},success: function (res) {// 判断以2（2xx)开头的状态码为正确// 异常不要返回到回调中，就在request中处理，记录日志并showToast一个统一的错误即可// var code = res.statusCode.toString();// var startChar = code.charAt(0);let  code  = res.statusCode.toString();if(code.startsWith('2')) {params.success && params.success(res.data);}else {params.error && params.error(res);}// if (startChar == '2') {//   params.success && params.success(res.data);// } else {//   params.error && params.error(res);// }
      },fail: function (err) {params.fail && params.fail(err)}});}
};export { HTTP };

3.使用

先引入，再实例化

import  {HTTP} from   '../../utils/http.js'

let http = new  HTTP();

发送请求：

    // 单个请求
    http.request({url:'classic/latest',success: function(res) {console.log(res)}})

转载于:https://www.cnblogs.com/guangzhou11/p/11283159.html

学习旧岛小程序（4）封装api 请求相关推荐

学习旧岛小程序（5） observer 函数中修改属性的值
不要在一个属性的 observer 函数中修改属性的值不然会造成内存泄露错误代码: properties: {/* 期刊号 */index: {type: String,observer: fu ...
学习旧岛小程序（3）组件的样式
(1)单位要用 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则75 ...
学习旧岛小程序（2）自定义组件
(1) 新建组件新建组件目录下的文件名字可以与目录不一样 (2)引用组件在引用的组件的 .json 添加配置 { "usingComponents": { "like ...
学习旧岛小程序（5）自定义组件的自定义事件
自定义组件的触发事件: 自定义组件触发事件时,需要使用 triggerEvent 方法,指定事件名.detail对象和事件选项: this.triggerEvent('like', { behavio ...
学习旧岛小程序（4）电影组件的实现
先编写基本的页面架构 <view class="classic-container"> <image src="{{img}}" class= ...
学习旧岛小程序（1） flex 布局
css : view 相当于 div 块级元素 display 默认设置 block display:inline 设置后设置宽度高度是无效的要设置宽度高度又要设置为行内元素我们设置: (1) ...
微信小程序如何封装api接口
微信小程序如何封装api接口一. 小程序接口请求流程二,域名配置一定要配置https,小程序上配置的域名必须是域名备案的三.打开微信开发者工具,打开你的项目,点开详情.确认一下域名是否一一匹对 ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...
小程序简单封装 request 请求
我在这里做了详细的介绍 : 小程序简单封装 request 请求转载于:https://www.cnblogs.com/biangz/p/9984340.html

学习旧岛小程序（4）封装api 请求

学习旧岛小程序（4）封装api 请求相关推荐

最新文章

热门文章

学习旧岛小程序 （4）封装api 请求

学习旧岛小程序 （4）封装api 请求相关推荐

最新文章

热门文章

学习旧岛小程序（4）封装api 请求

学习旧岛小程序（4）封装api 请求相关推荐