使用axios发送post请求,将JSON数据改为form类型的示例
更新时间：2019年10月31日 09:21:27 作者：踮起脚尖眺望6
今天小编就为大家分享一篇使用axios发送post请求,将JSON数据改为form类型的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
通常前端通过POST请求向服务器端提交数据格式有4中，分别是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式。通常最常见的是"application/json"格式，也就是通过JSON字符串形式。
在控制台看到的数据就是这样：
有的时候后台需要Form形式的数据才能正常解析，所以前端需要在传过去时修改一下格式。开始我以为是修改Content-Tyoe属性，于是就
axios.defaults.headers = {
'Content-type': 'application/x-www-form-urlencoded'
}
设置之后看到请求时的Content-type变成了application/x-www-form格式，但是数据没变。之后找了很久终于找到真正的方法。
第一步：引入axios ps
第二步：使用qs 转换
之后看一下请求数据格式就变成了这样：
以上这篇使用axios发送post请求,将JSON数据改为form类型的示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了解决vue的component标签渲染问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有四个方法可以适用。这篇文章主要介绍了vue移动端h5页面根据屏幕适配的四种方案 ,需要的朋友可以参考下2018-10-10
这篇文章主要介绍了vue使用threeJs导入obj模型并实现添加标注方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
本篇文章主要介绍了Vue.js结合Ueditor的项目实例代码，这里整理了详细的代码，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
在我们的平时的工作中,在前后端交互的时候,为了提高页面的观赏性和用户的体验,我们会在页面上添加loading来阻止用户操作来等待接口的返回,这篇文章主要给大家介绍了关于如何优雅的控制全局loading显示的相关资料,需要的朋友可以参考下2022-01-01
今天小编就为大家分享一篇vue 解决移动端弹出键盘导致页面fixed布局错乱的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
本篇文章主要介绍了基于vue实现swipe分页组件实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了在antd4.0中Form使用initialValue操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了vue实现骨架屏的示例，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-04-04
这篇文章主要介绍了Vue触发隐藏input file的方法实例详解，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-08-08
最新评论