一. 封装request.js
在utils文件夹下面创建request.js文件
// 根路径
const baseURL = '此处放置基路径'
const request = (o) => {
let options = {
// 请求路径
url: '',
// 请求方式
method: 'GET',
// 请求参数
data: {},
// 请求头
header: {},
// 微信小程序请求时间一般设置为60000
timeout: 60000
}
Object.assign(options, o)
return new Promise((resolve, reject) => {
uni.request({
url: baseURL + '/' + options.url,
method: options.method,
data: options.data,
header: options.header,
timeout: options.timeout,
success(res) {
resolve(res)
},
fail(err) {
reject(err)
}
})
})
}
export default request
二. 封装api
在api文件夹下创建请求文件
// 引入request
import request from '@/utils/request.js'
// 抛出请求方法
export const getAddList = data => {
return request({
url: '此处放置请求地址',
method: 'post',
data
})
}
三. 在页面中引用
// 引入
import { getAddList } from "../../api/addCollaborationList.js"
onload(){
// 发起请求
this.getIncrease()
}
// 封装请求函数
async getIncrease() {
// 获得数据
let res = await getAddList(放置请求参数)
// 打印获得到的数据
console.log(res)
}