java封裝方法并調用,對uni.request()二次封裝,封裝$myRequest方法并掛載到全局

 2023-12-25 阅读 29 评论 0

摘要:新建文件util文件夾和api.js文件 api.js const BASE_URL = 'http://localhost:8080' export const myRequest = (options) => {return new Promise((resolve,reject)=>{uni.request({url: BASE_URL+options.url,method: options.method ||&

新建文件util文件夾和api.js文件

在這里插入圖片描述

api.js

const BASE_URL = 'http://localhost:8080'
export const myRequest = (options) => {return new Promise((resolve,reject)=>{uni.request({url: BASE_URL+options.url,method: options.method ||'GET',data: options.data || {},success: (res)=>{if(res.data.status !== 200) {return uni.showToast({title: '獲取數據失敗'})}resolve(res)},fail: (err)=>{uni.showToast({title:'請求接口失敗'})reject(err)}})})
}

在main.js 中導入

import {myRequest} from './util/api.js'Vue.prototype.$myRequest = myRequest ;

在具體頁面中使用

async getData(){const res = await this.$myRequest({url:'/api/getData'})console.log(res);
}

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/4/194718.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息