专栏首页星辰日记Uview UI Http请求中如何将Object转换为FormData

Uview UI Http请求中如何将Object转换为FormData

需求

这边我们遇到的问题是,在Uniapp中使用uView的this.$u.post向服务端发送请求时,在data中传入了一个对象'param',但是服务端返回missing param(缺少参数),在dev工具中发现,param的值变成了[Object Object]. 而我们希望传输的是param['key']: value.

如何解决?

在网上找了一大堆教程后,终于找到了解决方案,在这里需要使用qs库,在安装好扩展库中,直接在请求拦截中,将config.data序列化(Qs.stringify)

import Qs from 'qs' //引入qs库
config.data = Qs.stringify(config.data)

并且设置请求Header为

'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'

至此便可以成功发送请求了.


版权属于:XCSOFT 本文链接:https://blog.xsot.cn/archives/vueObjectToFormData.html 本博客所有原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明原文链接。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • uniapp小程序目录

    tianyawhl
  • Axios基本使用

    Axios Axios 是一个基于promise的HTTP库,可以用在浏览器和node.js中。

    ZEHAN
  • 使用scrapy发送post请求的坑

    Requests 简便的 API 意味着所有 HTTP 请求类型都是显而易见的。例如,你可以这样发送一个 HTTP POST 请求:

    小歪
  • scrapy爬虫:scrapy.FormRequest中formdata参数详解

    在网页爬取的时候,有时候会使用scrapy.FormRequest向目标网站提交数据(表单提交)。参照scrapy官方文档的标准写法是:

    砸漏
  • 原生js上传文件 发送JSON,XML,对请求的表单进行URL编码详解

    HTML表单,当用户提交表单时,表单中的数据将会编码到字符串中,一并伴随着请求发送。

    mySoul
  • iOS----轻松掌握AFN网络顶级框架

    用户1941540
  • 浏览器的常见考点

    这个过程要注意标签位置,以及script标签位置和HTML提供的async defer属性

    心谭博客
  • Ajax第一节

    异步: 不受当前任务的影响,两件事情同时进行,做一件事情时,不影响另一件事情的进行。

    用户3461357
  • 前端: 开发一款有点意思的仿微信朋友圈应用

    今天要写的H5朋友圈也是基于笔者开发的cms搭建的,我将仿照微信朋友圈,带大家一起开发一个能发布动态(包括图片上传)的朋友圈应用。有关服务端部分笔者在本文中不会...

    徐小夕
  • JavaScript HTTP客户端库axios介绍

    HTTP客户端是很多时候我们都需要用到的功能,今天就来介绍一个比较流行的JavaScript编写的HTTP客户端库axios。 安装 如果你会使用npm的话,可...

    乐百川
  • 【云+社区年度征文】浅谈前端项目结构设计

    原先想的标题是“浅谈前端架构”,但后来想想,前端固然有可以称为架构的部分,但架构是对整个系统进行通盘考虑的,并不仅局限于前端或者后端,“前端架构师”这个头衔虽然...

    Nian糕
  • 基于react/vue开发一个专属于程序员的朋友圈应用

    今天本来想开源自己写的CMS应用的,但是由于五一期间笔者的mac电脑突然崩溃了,所有数据无法恢复,导致部分代码丢失,但庆幸的是cms的打包文件已上传服务器,感兴...

    徐小夕
  • RequestParam与RequestBod等参数注解简析

    该注解常用来处理Content-Type: 不是application/x-www-form-urlencoded和multipart/form-data编码的...

    WindCoder
  • 《前端那些事》从0到1开发动态表单

    前沿:中后台应用中表单需求颇多,左手一个表单,右手又是一个表单,无穷无尽,如果用模版一个个来写,不单写起来费时费力,而且看起来也是天花乱坠,于是这个时候你会去设...

    树酱
  • 《前端那些事》从0到1开发动态表单

    这个h()函数本质上是createElement 函数,这个函数的作用就是生成一个 VNode节点(虚拟节点),它不是一个实际的 DOM 元素。叫createN...

    树酱
  • Django之json、Ajax简介及实例介绍

    JSON 格式于2001年由 Douglas Crockford 提出,目的就是取代繁琐笨重的 XML 格式。

    菲宇
  • axios使用指南

    axios作为jquery中ajax的替代产物,越来越多的被前端工程师所使用,这个npm包的使用非常灵活和强大,并且在nodejs端和浏览器端通用,在浏览器端a...

    挥刀北上
  • iOS网络请求之上传图片:从示例到源码解析 -- 以上传Face++SDK回调的图片为例(HYNetworking,AFNetworking,XMNetworking)

    本文一开始上传图片以调用HYNetworking的API为例,这个网络框架是以AFNetworking为基础进行的封装。HYNetworking内部实现上传图片...

    陈满iOS
  • 【重要】你不得不知道的文件上传进度提示

    当上传的文件相对较大时,用户可能需要等待较长的时间,这个时候前端如果没有任何提示的话,体验不是很好,如果有上传进度提示,就会好很多。而要在上传过程实时显示上传进...

    胡哥有话说

扫码关注云+社区

领取腾讯云代金券