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
}
}