api请求示例

JDengid · JDengid · commit 2576e7d67b1d · 2021-09-22T12:02:15.000+08:00
diff --git a/uniapp_uview/common/http.api.js b/uniapp_uview/common/http.api.js
@@ -9,12 +9,10 @@ let apiHome = {
 
 // 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作
 const install = (Vue, vm) => {
-	
-	// 此处没有使用传入的params参数
+
+	//api方法
 	let getSearch = (params = {}) => vm.$u.get(apiHome.hotSearchUrl, params);
-	// 此处使用了传入的params参数，一切自定义即可
-	
-	let getInfo = (params = {}) => vm.$u.post(apiApp.getInfo, params);
+	let getInfo = (params={}) => vm.$u.post(apiApp.getInfo, params);
 	
 	// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下
 	vm.$u.api = {getSearch, getInfo};
diff --git a/uniapp_uview/pages/index/index.vue b/uniapp_uview/pages/index/index.vue
@@ -22,14 +22,24 @@
 			this.$u.vuex('vuex_user.name', '诗圣');
 			this.$u.toast('Hello uView!');
 			// 调用getSearch接口
-			this.$u.api.getSearch({
-				id: 777
-			}).then(res => {
-				console.log(res);
-			})
+			this.getSearch()
+			this.getInfo()
 		},
 		methods: {
-
+			async getSearch(){
+				let params = {
+					id:111
+				}
+				let res = await this.$u.api.getSearch(params)
+				console.log('res',res)
+			},
+			async getInfo(){
+				let params = {
+					id:222
+				}
+				let res = await this.$u.api.getInfo(params)
+				console.log(res)
+			}
 		}
 	}
 </script>
