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 请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。