1.在common/http.api.js 定义接口
// 此处第二个参数vm,就是我们在页面使用的this,你可以通过vm获取vuex等操作,更多内容详见uView对拦截器的介绍部分:
const install = (Vue, vm) => {
const login = (params = {}) => vm.$u.post('/login', params);
const Test = () => vm.$u.get("/common/queryDeviceTypeList");
// 将各个定义的接口名称,统一放进对象挂载到vm.$u.api(因为vm就是this,也即this.$u.api)下
vm.$u.api = { login, Test};
}
export default {
install
}
2.调用
async getGet() {
const res1 = await this.$u.api.Test()
this.result = res1.data[0].deviceType
},
async getPost() {
const res = await this.$u.api.login({username:'11',password:"1234"})
this.result = res.data.name
},
3.封装:封装学习地址