Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload)

第一种方式:Form Data

Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload)_第1张图片

Axios参数配置:

1、引入

import Qs from 'qs'

2、

  return request({
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 
    },
    transformRequest: [function(data) {      //在请求之前对data传参进行格式转换
      data = Qs.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
    }
  })

第二种方式:Json字符串

Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload)_第2张图片

 

  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
    }
  })

 

你可能感兴趣的:(前端学习笔记)