VUE向后端发请求

首先构造入参请求体,内容通常是一个json格式的,(jason:前后端数据交互格式之一,辨识度好,发送接收方便,花括号引起来,格式如下。

let params = {
 id :this.id,
 count : this.count
}

随后直接拿到路径发请求咯,从后端接收的数据放到res里以便前端接着处理,这是常见的回调语法,发请求的同时拿到后端返回的信息。

window.vue.$apiAxios.post('myApp/countUsers',params).then(res=>{
		if(res.data.statusCode === 200){
			let content = res.data.content;
			//todo 接下来对content的内容为所欲为即可。
		}
	}
)

注意:!!!如果你是get请求,post换成get外,params还要加上{},变成{params}。

VUE路由跳转

路由跳转的基础写法:

this.$router.push({name:'myApp/countUsers' , query:{id: this.id}})

其中name可以替换成path,query可以替换成params,区别在于替换成params之后路径栏不会显示当前id路径,只会显示path,而query却可以显示详细id部分路径,比如网页上常跟的?id = E67UI92L1YS9,一般统一用query,因为params不支持path,所以总结起来:
统一用(name:, query(非密型)/params(密码型):{})

Logo

前往低代码交流专区

更多推荐