uview 接口访问

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.封装:封装学习地址

猜你喜欢

转载自blog.csdn.net/Listest/article/details/120841694