配置 axios(application/x-www-form-urlencoded)参数无法传递

一一分享 技术资料 来源: 0 0 133 阅读模式

踩坑, 配置axios 无法传递data数据

今天遇到这样一种情况 在我配置axios的时候,因为Content-type请求方式是表单形式的请求方式,然后导致了,参数明明已经显示在请求中,却无法显示?

配置了'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'后,还是以json格式传送问题,配置了 requestType: 'form',也无效,看源代码是不支持。

记录一下
这是因为 axios默认Content-type是采用application/json;charset=UTF-8,如果我们需要采用表单上传的方式(application/x-www-form-urlencoded)来给后台传递数据的话,则需要引入qs库

qs库在我们 安装 axios的时候就已经给我们默认安装了 这个时候 我们需要将参数转换一下

import qs from 'qs'

// 传递数据时,只需要将封装的请求方法中的data数据转化一下即可

const post = (url, data) => {

  return service({

    url: url,

    method: 'post',

    headers: { 'Content-type': 'application/x-www-form-urlencoded' },

    // qs 库转换。

    data: qs.stringify(data)

  })

}


问题解决啦。


温馨提示:应版权方要求,违规内容链接已处理或移除!

本站信息来自网络,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 访问和下载本站内容,说明您已同意上述条款。联系:39070187@qq.com

weinxin
我的微信
声明
本站所发布的软件和文章仅限用于学习和研究目的,不得将上述内容用于商业或者非法用途,否则一切后果请自负。
 
PC & Mac 办公必备专享捆绑包
评论  0  访客  0  作者  0
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证