axios传参方式

params参数通常用于GET请求添加查询参数，POST一般使用data参数传递参数

1、data传参

1-1、表单传参

// 方法定义
export function save(data) {
  return request({
    url: '/url',
    headers: { 'Content-Type': 'multipart/form-data' },
    method: 'post',
    data: data,
  })
}


// 调用函数
let fromDate = new FormDate()
fromDate.append('key',value)

save(data).then()

1-2、json传参

// 方法定义
export function save(data) {
  return request({
    url: '/url',
    headers: { 'Content-Type': 'application/json' },
    method: 'post',
    data: data,
  })
}


// 调用函数
let data = {
  key: value
}

save(data).then()

1-3、正常参数

import Qs from 'qs'
// 方法定义
export function save(data) {
  return request({
    url: '/url',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    method: 'post',
    data: Qs.stringify(data),
  })
}


// 调用函数
let data = {
  key: value
}

save(data).then()

2、params传参

// 方法定义
export function save(params) {
  return request({
    url: '/url',
    method: 'get',
    params: params,
  })
}


// 调用函数
let params = {
  key: value
}

save(params).then()

3、路径传参

// 方法定义
export function save(params) {
  return request({
    url: '/url?name='+params.name,
    method: 'get',
  })
}


// 调用函数
let params = {
  name: 
}

save(params).then()

原文地址：https://blog.csdn.net/weixin_45392204/article/details/138844881

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！