新建一个 config.js 放我们的接口地址
const URL = 'https://xxx.xxx.com/' //接口地址
export default { URL }
发起请求
export const request =(options={})=>{
return new Promise((resolve,rejects)=>{
uni.request({
url: options.url,
method: options.method,
data: options.data,
header: {
Authorization: 'Bearer ' + uni.getStorageSync('token')
},
success: (response) => {
console.log("options: ",options);
return resolve(response.data)
},
fail: (fail) => {
console.log('fail',fail)
return reject(fail);
}
})
})
}
封装api接口
//封装api接口
import {request} from '@/utils/request.js';
export const user = (data={}) => {
return request({
url:'/list',
method:'GET',
data:data
})
}
然后导入，使用，我这里是在onLoad中使用，在methods中使用时方法大致相同，async 请求的方法，在里面 await 接口，在别的地方使用这个方法（this.请求的方法）
//导入，使用
import {user} from '@/utils/api/user.js'
onLoad: async function() {
let data = await user()
console.log('data',data)
}
❝
好啦，今天的分享就到这里，希望能帮助到大家，大家也不要吝啬你们的赞哟。
❞
原文始发于微信公众号（分享是个有趣的东西）：uniapp之封装请求
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/158955.html
