vuejs接口axios传参的两种方式Form Data和Request Payload

1、Form Data方式


//引入Qs
import Qs from 'qs'
//
return request({
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 
    },
    transformRequest: [function(data) {//在请求之前对data传参进行格式转换
      data = Qs.stringify(data)
      return data
    }],
    url: '/apis/list',
    method: 'post',
    params: {}, 
    data: {
      id: params.id,
	  name: params.name
    }
  })

2、Request Payload方式


return request({
    headers: {
      'Content-Type': 'application/json'
    },
    transformRequest: [function(data) {
      data = JSON.stringify(data)
      return data
    }],
    url: '/apis/list',
    method: 'post',
    params: {},
    data: {
      id: params.id,
	  name: params.name
    }
  })
以上是编程学习网小编为您介绍的“vuejs接口axios传参的两种方式Form Data和Request Payload”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vuejs接口axios传参的两种方式Form Data和Request Payload

基础教程推荐