axios请求提交的form data格式 明明是JSON格式的参数却转成了字符串格式

摘要:
问题:传递的参数已变为字符号格式。解决方案:转换参数格式constparams=newURLSearchParams()params。追加('USER_LOGIN','admin')参数。append('PASS_WORD','123456')params append('LOGTYPE',''),然后就可以了,如下所示:我们无法在请求每个接口时分别转换格式,这使得盗贼难以维护

问题:传的参数成为了字符数格式

axios请求提交的form data格式 明明是JSON格式的参数却转成了字符串格式第1张

 解决:把参数的格式转换

          const params = new URLSearchParams()
          params.append('USER_LOGIN', 'admin')
          params.append('PASS_WORD', '123456')
          params.append('LOGTYPE', '')

然后就OK了,如下:

axios请求提交的form data格式 明明是JSON格式的参数却转成了字符串格式第2张

 我们总不能在每个接口请求时候单独去转换格式吧,这样子贼费劲,也不好维护,那么我们在请求封装时候封装一下cinfig data就可以了:

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 请求前
    // console.log(config.data)
    const params = new URLSearchParams()
    for (const key in config.data) {
      if (config.data.hasOwnProperty(key)) {
        params.append(key, config.data[key])
      }
    }
    config.data = params
    return config
  },
  error => {
    // 做一些请求错误
  }
)

我就这样封装,目前个人解决方法就如此,每次请求时候都能自己转换了。

免责声明:文章转载自《axios请求提交的form data格式 明明是JSON格式的参数却转成了字符串格式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇DBCP连接池mysql复杂查询(一)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

log.io日志实时显示

Node.js 安装 菜鸟教程Node.js安装 设置 npm 淘宝镜像 npm config set registry https://registry.npm.taobao.org npm config get registry log.io 简介 官网地址github地址 安装服务端 npm install -g log.io 配置服务端 找...

将EXCEL文件上传到SAP AS的内表

REPORT ZEXCELUP. TABLES: ALSMEX_TABLINE. DATA: BEGIN OF IEXCEL OCCURS 0.       INCLUDE STRUCTURE ALSMEX_TABLINE. DATA: END OF IEXCEL. * No of columnsDATA: BEGIN OF data_tab OCC...

vue中使用Ueditor编辑器

一、 下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为:       http://ueditor.baidu.com/website/ 下载解压后会得到如果下文件目录: 将上述Ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹; 二、 修改配置 在ueditor.c...

【GStreamer开发】GStreamer播放教程05——色彩平衡

目标 亮度,对比度,色度和饱和度都是常见的视频调节参数,也是GStreamer里面设置色彩平衡的参数。本教程将展示: 如何发现可用的色彩平衡通道 如何改变它们 介绍 《GStreamer基础教程05——集成GUI工具》里面已经解释了GObject接口:应用通过它们来获得特定功能,而不用去管具体的element的实现。 playbin2实现了色彩平衡的接...

git clone error:RPC failed; curl 18 transfer closed with outstanding read data remaining

git clone时报RPC failed; curl 18 transfer closed with outstanding read data remaining 错误 error: RPC failed; curl 18 transfer closed withoutstanding read data remaining fatal: The re...

layui的几个简单使用(简单弹窗,加载效果,移除加载效果)

1.加载效果和移除加载效果 function layuiLoading(msg){ layui.use(['layer', 'form'], function(){ index = layer.load(0, {shade: false}); }); } 数据跑完,移除加载效果 funct...