使用axios请求数据，post请求出错。因为axios传递的请求参数是json格式，而后端接口要求是formData

最新推荐文章于 2025-07-02 10:25:35 发布

原创最新推荐文章于 2025-07-02 10:25:35 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

原创同时被 3 个专栏收录

28 篇文章

订阅专栏

笔记

25 篇文章

订阅专栏

Vue

20 篇文章

订阅专栏

本文介绍了在使用axios进行POST请求时遇到的问题，即axios默认发送JSON格式数据，但后端接口需要formData格式。文章提出了两种解决办法，包括设置请求头和使用qs模块，并给出了参考资料链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置请求头标准写法

const config = {
        headers: {
          adminSign:'admin'
        }
};
that.axios.get(dataUrl + "myadmin/info",config).then(res => {
          console.log(res, "首页表格成功");
          that.artistNum = res.data.info.artist_num;
          that.allNum = res.data.info.all_num;
          that.dataFilter(res.data.info.data);
}).catch(err => {
          console.log(err, "首页表格失败");
});

设置请求头

// 请求参数类型为FromData时候的headers的配置 
let FromDataconfig = {
    headers: {
        'Content-Type': 'multipart/form-data;boundary = ' + new Date().getTime()
    }
}
axios.post('/account/', data, FromDataconfig)

解决办法1：（IOS兼容性有问题，不推荐使用

// json格式转为formData格式，因为某些接口的原因
function json2formData(jsonData) {
  var params = new URLSearchParams();
  for(var key in jsonData){             //遍历json对象的每个key/value对
    params.append(key, jsonData[key]);
  }  
  return params;
}

解决办法2：使用node的qs模块，推荐使用

import axios from 'axios';
import qs from 'qs';

// 密码登录
export const login = params => { return axios.post(`${baseUrl}/users/login`, qs.stringify(params)) };