我個人比較喜歡模塊化封裝的思想，所以我把能用到的公共工具都盡量封裝到utils文件夾下。
1.首先封裝一個config.js文件
這個文件是用來存放一些配置文件，這里我是用來存放請求地址的域名，一般我們通過接口向后端發起請求時，前面會有一串相同的網址，這就是我們config.js文件要存放的東西。
比如config.js中：
export const baseURL = "http://*****.cn"
2.接下來們會建立一個api文件夾，在里面存放我們需要的API接口
首先我們會建一個api.js文件，用來存放一些公共的部分，比如發起請求那部分，我們可以把常用的get,post,delete,put,等請求方式，通過調用一個公共的request方法,廢話不多說，上代碼：
import {
baseURL
} from '../../utils/config.js'
// post請求
export const service = function( data, complete) {
return new Promise((resolve, reject) => {
uni.showLoading({
title: "加載數據中，請稍后......"
})
uni.request({
url: baseURL + "/api.html",
data: data,
header: {
'Content-Type': 'application/json; charset=utf-8' //自定義請求頭信息
},
success: (res) => {
if (!res.data.status) {
uni.showToast({
title: res.data.msg
})
}
resolve(res.data)
},
fail: (err) => {
uni.showToast({
title: "接口請求失敗"
})
reject(err)
},
complete: () => {
uni.hideLoading();
if (complete) {
complete();
}
}
});
})
}
// post請求
export const post = (data, complete) => {
return service('post', data, complete)
}
// get請求
export const get = ( data, complete) => {
return service('get', data, complete)
}
簡單的寫了一下，這里只列舉了post和get請求方式