Axios的Post请求传参的两种方式

表单 Form Data:

在这里插入图片描述

export const add = (article) => {
  return request({
    url: '/api/blade-yuyihui/article/submit',
    method: 'post',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },

    data: {
      'articleTitle': article.articleTitle,
      'articleContent': article.articleContent,
      'id':article.id || 0
    },
    transformRequest: [function (data) {
      // Do whatever you want to transform the data
      let ret = ''
      for (let it in data) {
        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
      }
      return ret
    }],
  })
}

json字符串 Request Payload

在这里插入图片描述

return request({
    headers: {
      'Content-Type': 'application/json'
    },
    transformRequest: [function(data) {
      data = JSON.stringify(data)
      return data
    }],
    url: '/test/add',
    method: 'post',
    params: {},
    data: {
      'name': params.name,                      //传的参数
      'jobId': params.jobId,
      'department': params.department,
      'phone': params.phone,
      'position ': params.position,
      'permis': params.permis,
      'entryTime': params.entryTime
    }
  })

补充:https://blog.csdn.net/yhl521112/article/details/119946109

原文链接:https://blog.csdn.net/u013253924/article/details/81772820

Logo

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

更多推荐