封装一个uniapp请求
- 新建一个http.js文件封装uni.request
const BASE_URL = process.env.NODE_ENV === 'development' ? '' : 'http://localhost:3000' //开发环境与生还环境的基地址
export const request = (http) => {
const {
url,
data,
method
} = http
return new Promise((resolve, reject) => {
uni.request({
url: BASE_URL + url,
method,
data,
success: (res) => { //请求成功
if (res.data.code === 0) { //这里后台返回一个自定义状态码,可根据实际开发情况调整
resolve(res)
} else {
uni.showToast({
title: '请求数据失败!'
})
}
},
fail: (err) => { //请求失败
uni.showToast({
title: '请求数据失败!'
})
reject(err)
}
})
})
}
- 新建一个mockData.js来封装每个请求
import {
request
}
from '../utils/http.js'
export const getData = (data) => request({
url: '/v1/admin',
method: 'get',
data
})
- 实际使用
onLoad() {
//无参数
getData().then(res => {
this.dataList = res.data.data
}).catch(err => {
console.log(err)
})
//有参数
getData({id:2}).then()
},
原文地址:https://www.cnblogs.com/genhao7/p/14206358.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。