1.post请求
post请求数据放在http请求包的body中

let pageParams = {
	  current: this.page.current,
	  size: this.page.size
}
let params = {
	  reservationId: Number(selection.id),
	  ...selection,
}
this.$http.post(this.$API.SIGN_MANAGE_LIST, Object.assign(page, params)).then((res) => {
     if(res.code === '00000') {
       this.$t.success("成功")
     } else {
       this.$t.info(res.message)
     }
})

2.get请求
get请求的数据会附在url后面


this.$http.get(this.$API.FORMULA_CONFIGURATION_TEST+`?formula=${fomModel.formula}&timeStr=2022-05-01 00:00:00`).then((res) => {
	 if(res.code === '00000') {
	   this.$t.success()
	 } else {
	   this.$t.info(res.message)
	 }
})    

3.区别
params是添加到url的请求字符串中的,一般用于get请求。
data是添加到请求体(body)中的, 一般用于post请求。
注意:post请求也可以使用params方式传值 , 但是get请求没有data方式
Axios 中posts的params与data的两种传参。

第一种:data方式

this.$axios({
   url: '/api/user/login' ,
   method: 'post',
   headers: {
      'Content-Type': 'application/json'
   },
   data:{
      username: this.user,
      pwd: this.pwd
   }
}).then((res) => {
  console.log(res)
})

第二种:params方式

this.$axios({
   url: '/api/user/login' ,
   method: 'post',
   headers: {
      'Content-Type': 'application/json'
   },
   params:{
      username: this.user,
      pwd: this.pwd
   }
}).then((res) => {
  console.log(res)
})

注:直接使用post方法,传递的参数为 data 的方式,如1所示

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐