axios的笔记-CFANZ编程社区

get请求

Request Payload数据为输入数据，即传给后台数据。即为get请求中params数据。
get请求的返回结果为预览里的数据，如从后台返回的整个表格数据。get请求中的result数据即为整个表格数据。
查看预览
params 是即将与请求一起发送的 URL 参数

import request from '@/utils/request'
const url = "https://api.innofund.info"//"http://120.53.122.74:8080"//"http://82.157.20.141:8080"//
/**
 *
 * @param {查询申请详情} appId
 */
export function getApplicationDetail(appId){
  return request({
    url: `/admin/detail?apid=`+appId,
    method: 'get'
  })
}

组件中使用

  //审核详情
    getInfo (id) {
      getApplicationDetail(id).then(({data}) => {
        this.details = data
        this.application = data.application
      })
    }

post请求

查看Payload
Request Payload更准确的说是http request的payload body。一般用在数据通过POST请求或者PUT请求。它是HTTP请求中空行的后面那部分。（PS:这里涉及一个http常被问到的问题，http请求由哪几部分组成，一般是请求行，请求头，空行，请求体。payload body应该是对应请求体。）
Request Payload数据为输入数据，即传给后台数据。即为data数据。或者修改完成后给后台数据，该数据也为整体返回的result结果数据。
data 是作为请求主体被发送的数据
只适用于这些请求方法 ‘PUT’, ‘POST’, 和 ‘PATCH’

export function postDishonesty(etpName,msg){
  return request({
    url: `/dishonesty`,
    method: 'post',
    data:{
      etpName:etpName,
      msg:msg
    }
  })
}

组件中使用

      postDishonesty(this.inputCompanyName, this.inputReason).then((result) => {
        if (result.status == 1) {
          this.$message({ message: "添加成功", type: 'success' })
          this.getDishonestyList()
        } else {
          this.$message({ message: result.message, type: 'error' })
        }
      }).catch((err) => {
        this.$message({ message: err, type: 'error' })
      })

put请求

put请求与post一样都会改变服务器的数据，但是put的侧重点在于对于数据的修改操作，但是post侧重于对于数据的增加。

export function putApplication(data){
  return request({
    url: `/applications`,
    method: 'put',
    data
  })
}

组件中使用

      putApplication({
        applicationId: this.applicationId,
        rejectMessage: this.param.rejectMessage,
        status: 0,
        letterRecommendation: this.param.letterRecommendation,
        opinion:this.application.govApplicationStatus == 1 ? this.param.recognize : this.param.recommend
      }).then((result) => {
        if (result.status) {
          this.creatQrCode(this.applicationId, status)
        }
      })