vue接口调用post delete put get

请求头中携带token
headers: {
  Authorization: 'Bearer ' + this.token
}
headers: { token: this.token } 根据实际情况

get
发送的url地址:

https://aipig-dev.sg-ai.com/api/v1/users_manage?field=phone&query=&page_index=1&page_num=10
this.axios({
   url: '/api/v1/users_manage',
   method: 'GET',
   params: {
     field: this.selectedValue,
     query: this.searchText,
     page_index: this.pageIndex,
     page_num: this.pageNum
   },
   headers: {
     Authorization: this.token
   }
 }).then(res => {})

vue接口调用post delete put get_第1张图片
delete

https://aipig-dev.sg-ai.com/api/v1/pigs/pig_farm_no?pig_farm_no=0
this.axios({
  url: urlPath,
  method: 'DELETE',
  headers: {
    Authorization: this.token
  },
  params: params
}).then(res => {})

vue接口调用post delete put get_第2张图片
post

https://aipig-dev.sg-ai.com/api/v1/users_manage

推荐使用方式一

方式一:
 let params = {
  pig_farm_no: this.newPigFarm
 }
 this.axios({
   url: '/api/v1/pigs/pig_farm_no',
   method: 'POST',
   headers: {
     Authorization: this.token
   },
   data: params
 }).then(res => {})

方式二:
this.axios.post('/api/v1/pigs/pig_farm_no', {
  pig_farm_no: this.newPigFarm
}, {
  headers: {
    Authorization: this.token
  }
}).then(res => {})

vue接口调用post delete put get_第3张图片
put

this.axios({
  url: '/api/v1/pigs',
  method: 'put',
  headers: {
    Authorization: this.token
  },
  data: this.formData
}).then(res => {})

你可能感兴趣的:(Vue)