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

进入前端入门建站教程官网入口

vue安装axios脚手架报“ ./node_modules/axios/lib/core/mergeConfig.js”错误解决方法

vue如何实现数据请求（axios/ajax）

vuejs打包后修改static文件夹下json文件中值但页面上获取不到最新数据

vuejs如何利用$axios调用json模拟数据

react如何实现axios拦截功能（附代码介绍）

标签： axios, 接口, 接口对接

上面是“vuejs接口axios传参的两种方式Form Data和Request Payload”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2187.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！