axios 用formData的方式请求数据

需求:使用axios库用来做http数据传输。

问题:传递数据的时候不是直接通过json的方式来传输的数据,二是通过formData的方式

解决:

axios 请求头设置,Content-Type

复制代码
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"

往后台传递参数的时候用 qs.stringify()处理:

复制代码
config.data = Qs.stringify(config.data);

当遇到参数中有 数组对象嵌套时,需要用 JSON.stringify进行包裹:

javascript 复制代码
{
    sbumen:sbumen,
    strjsoninfo:JSON.stringify({ infolist: caiGouNeiRongFormArr }),
}

caiGouNeiRongFormArr 是一个数组对象,类似:

javascript 复制代码
[
{a:1,b:2},
{a:3,b:4}
]

在axios中统一配置:

javascript 复制代码
ajax.interceptors.request.use((config) => {
  console.log(config);
  config.data = Qs.stringify(config.data);
  (config.headers = {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
  }),
  return config;
});
相关推荐
JKooll7 分钟前
WPS 表格 DISPIMG 函数实战:用 JavaScript 将图片真正嵌入单元格
javascript·wps
xlxxy_8 分钟前
外部系统调用SAP接口遇到的一些报错
开发语言·数据库·sap·abap
八角.。11 分钟前
方法参数与Debug按键
java·开发语言·jvm
小彤花园12 分钟前
和 AI 结对写网站:从 JSON 到一整个工具集
前端·人工智能·程序员
郝亚军30 分钟前
FE1.1S-BQFN24BT可以指定IP端口吗?
开发语言·php
RD_daoyi32 分钟前
Google核心算法不再通知!全年持续滚动更新
大数据·服务器·前端·网络·搜索引擎·.net
阿里嘎多学长33 分钟前
2026-08-04 GitHub 热点项目精选
开发语言·程序员·github·代码托管
এ慕ོ冬℘゜37 分钟前
纯 CSS 实现自定义 Switch 开关(商品上下架滑块)
前端·css
再吃一根胡萝卜37 分钟前
dompdf.js 分页功能完整实现指南
前端
wordbaby40 分钟前
App 热更新(OTA)原理深解 —— 以 React Native 为例
前端·react native