1,创建文件夹
- 在根目录里创建
request
文件夹 - 在
request
文件夹里面创建request.js
文件
2,封装promise
- 在
promise.js
文件中写入
const baseUrl='http://api.intewl.cn/api'//共有路径
export const myRequest = (url,method,data) => {
return new Promise((resolve, reject) => {
uni.showLoading({
title: '加载中'
});
uni.request({
url: baseUrl + url,
method: method || 'GET',
data: data || {},
success: (res) => {
resolve(res)
},
fail: (err) => {
reject(err)
},
complete: () => {
uni.hideLoading();
}
})
})
}
3,挂载全局
在main.js
写入
import { myRequest } from './request/request.js'
Vue.prototype.$http = myRequest
4,异步使用
async onLoad() {
let res = await this.$http('/index')//添加路径
console.log(res);//res是数据
},