DaiXT: uni-app将请求地址挂载到全局

本文介绍了在uni-app中创建util目录,并在其中建立api.js文件,用于封装网络请求。通过设置全局变量,实现了在Vue组件中便捷调用自定义的myRequest方法进行数据获取。同时,在请求成功或失败时,利用uni.showToast展示提示信息。
摘要由CSDN通过智能技术生成

1、首先在项目中新建一个和pages目录同级的util目录
2、在该目录下新建api.js文件
在这里插入图片描述
api.js文件内容如下:

const BASE_URL = 'http://172.16.44.18: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 !== 0){
					uni.showToast({
						title:'获取数据成功'
					})
				}
				resolve(res)
			},
			fail(err) {
				uni.showToast({
					title:'请求数据失败'
				})
				reject(err)
			}
		})
	}
	)
}

3、在main.js文件中加入如下

import { myRequest } from './util/api.js'

Vue.prototype.$myRequest = myRequest

4、在method的方法中调用即可

methods: {
			async getSwipers(){
				const res = await this.$myRequest({
					url:'/ssm/lunbo'
				})
				this.swipers = res.data
			}
			
		}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值