axios FormData 传输的正确方式

最新推荐文章于 2025-09-25 00:00:47 发布

原创最新推荐文章于 2025-09-25 00:00:47 发布 · 4.4k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

React

当前文章被收录于：

React

27 篇文章 2 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何利用axios和qs模块将FormData类型的数据转换为字符串并发送到服务器。通过axios.post方法，结合qs.stringify进行数据格式化，实现数据的正确传输。

axios以FormData转输数据时，并且转输的时候，要qs.stringify格式化。需要用到qs模块

 const url = `/server/api/code/`;
     
      axios.post(
        url,
        qs.stringify({mobile: '17664068406'}), // 传输时，需要字符化，并且要以import qs from 'qs';
        {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
      )
      .then(function (response: any) {
        console.log(response);
      })
      .catch(function (error: any) {
        console.log(error);
      });