1.新建util/api.js
const BASE_URL = "http://localhost:8082"
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) { //请求失败
return uni.showToast({
title: '获取数据失败'
})
}
resolve(res) //数据请求成功
},
fail: (err) => {
uni.showToast({
title: '请求接口失败'
})
reject(err) //数据请求失败
}
})
})
}
2.挂载到全局 main.js
import {myRequest} from './util/api.js'
Vue.prototype.$myRequest = myRequest
3.使用
//获取轮播图数据
async getSwipers() {
const res = await this.$myRequest({
url: '/api/getlunbo',
})
console.log(res)
this.swipers = res.data.message
},