如何在 axios 中为 POST - multipart/form-data 设置 MIME 类型？

关键词：

【中文标题】如何在 axios 中为 POST - multipart/form-data 设置 MIME 类型？【英文标题】：How to set MIME type for POST - multipart/form-data in axios? 【发布时间】：2019-08-28 06:27:41 【问题描述】：

我需要使用 MIME 发送 POST 请求 - multipart/form-data

这是我对 POST 标头的默认配置： axios.defaults.headers.post['Content-Type'] = 'multipart/form-data';

我希望默认的 Content-Type 应该是 multipart/form-dat，但在 chrome devtools 我看到 Content-Type: application/json

【问题讨论】：

要明确...是 request 标头中的 application/json 而不是 response 个？ 是的，在请求标头中 试试这个参考 -> ***.com/questions/41878838/… 有帮助，谢谢！ 【参考方案1】：

你可以试试这个：

const data = new FormData();

data.append('action', 'ADD');
data.append('param', 0);
data.append('secondParam', 0);
data.append('file', new Blob(['test payload'],  type: 'text/csv' ));

axios.post('http://httpbin.org/post', data);

此代码使用FormData API

另一种选择是使用form-data 包：

const axios = require('axios');
const FormData = require('form-data');

const form = new FormData();
// Second argument  can take Buffer or Stream (lazily read during the request) too.
// Third argument is filename if you want to simulate a file upload. Otherwise omit.
form.append('field', 'a,b,c', 'blah.csv');
axios.post('http://example.org/endpoint', form, 
  headers: form.getHeaders(),
).then(result => 
  // Handle result…
  console.log(result.data);
);

【讨论】：

如何在 axios 请求中为对象数组设置正确的类型？

】如何在axios请求中为对象数组设置正确的类型？【英文标题】：howtosetpropertypesinaxiosrequestforarrayofobjects?【发布时间】：2021-09-2112:56:17【问题描述】：我正在尝试为api请求编写axios服务，但我无法理解此错误：类型“AxiosResponse”... 查看详情

如何在反应中使用axios（post）

】如何在反应中使用axios（post）【英文标题】：howtouseaxios(post)inreact【发布时间】：2019-01-0409:17:29【问题描述】：在反应应用程序中，我想使用axios/post方法将输入字段值提交到数据库，因为我是反应新手，所以我没有任何明确的... 查看详情

如何在使用 redux-promise 和 axios 的项目中为异步操作编写测试？

】如何在使用redux-promise和axios的项目中为异步操作编写测试？【英文标题】：Howtowritetestsforasyncactionsinaprojectthatusesredux-promiseandaxios?【发布时间】：2018-02-0400:03:53【问题描述】：我的团队最近开始研究一个使用redux-promise的项目。... 查看详情

如何在反应中使用 axios 发出 POST 请求？

】如何在反应中使用axios发出POST请求？【英文标题】：HowdoImakeaPOSTrequestusingaxiosinreact?【发布时间】：2021-12-2520:49:40【问题描述】：我在使用axios发布请求时遇到问题。当我点击Button时，什么也没有发生。应该发生的是，我在输入... 查看详情

如何在 firebase 函数中使用 Axios 正确发送 Post 请求？

】如何在firebase函数中使用Axios正确发送Post请求？【英文标题】：howtoproperlysendaPostrequestwithAxiosinafirebasefunction?【发布时间】：2022-01-2106:47:36【问题描述】：我正在尝试使用axios发送一个帖子请求，我想知道是否有人有一些意见。l... 查看详情

如何在axios post请求中从json中删除反斜杠

】如何在axiospost请求中从json中删除反斜杠【英文标题】：Howtoremovereverseslashfromjsoninaxiospostrequest【发布时间】：2021-12-2604:06:45【问题描述】：发送axiospost请求时向json文件添加反斜杠。即使我使用replace，反斜杠也不会被删除axios.po... 查看详情

如何在 POST 正文中为 asp.net WebAPI POST 路由格式化 XML

】如何在POST正文中为asp.netWebAPIPOST路由格式化XML【英文标题】：HowtoformatXMLinPOSTbodyforanasp.netWebAPIPOSTroute【发布时间】：2019-09-1511:54:25【问题描述】：我有一个asp.netWebAPIRESTful服务，其中有一个用于GPS位置的POST端点。服务器控制器... 查看详情

如何在 Maven 中为跨域 POST 请求激活 CORS 过滤器？

】如何在Maven中为跨域POST请求激活CORS过滤器？【英文标题】：HowdoIactivateaCORSFilterforCrossDomainPOSTRequestsinMaven?【发布时间】：2018-01-0716:06:15【问题描述】：我将一个React应用程序部署到一个单独的GoogleAppEngine，它发送一个POST请求以... 查看详情

我们如何在 Linux 上使用 axios 发送带有 Kerberos 身份验证的 post 请求？

】我们如何在Linux上使用axios发送带有Kerberos身份验证的post请求？【英文标题】：HowdowesendpostrequestwithKerberosauthenticationwithaxiosonlinux?【发布时间】：2022-01-1406:23:54【问题描述】：我们正在尝试调用POSTapi来生成证书以更新证书。但... 查看详情

如何从 vue.js axios POST 在 Laravel 中获取 JSON？

】如何从vue.jsaxiosPOST在Laravel中获取JSON？【英文标题】：HowtogetJSONinLaravelfromvue.jsaxiosPOST?【发布时间】：2021-06-1713:05:18【问题描述】：在我的Laravel后端使用axios从vuex接收JSON数据时遇到一些问题。我有这样的vuex存储，我想在点击... 查看详情

如何在 Ruby on Rails 4 中为 post 生成唯一的随机 id？

】如何在RubyonRails4中为post生成唯一的随机id？【英文标题】：HowtogenerateauniquerandomidforpostinRubyonRails4?【发布时间】：2016-03-2611:15:23【问题描述】：我想为我的博客应用程序中的帖子生成唯一的帖子标识符。目前我正在使用SecureRand... 查看详情

如何在需要标头的axios发布请求中具有配置参数

】如何在需要标头的axios发布请求中具有配置参数【英文标题】：Howtohaveconfigparameterinaxiospostrequestwithheadersrequired【发布时间】：2019-02-1608:34:51【问题描述】：我试图在我的反应代码中使用axios发送一个帖子请求，这两个都需要“... 查看详情

如何使用 sinon 使用 axios.post 模拟异步方法？

】如何使用sinon使用axios.post模拟异步方法？【英文标题】：Howtomockasyncmethodwithaxios.postusingsinon?【发布时间】：2022-01-0419:02:25【问题描述】：我正在尝试模拟一个异步函数，该函数在另一个js文件中内部调用nasync方法。当我模拟异... 查看详情

如何使用 Vue JS-axios 在 POST api 中传递 Header + Body

】如何使用VueJS-axios在POSTapi中传递Header+Body【英文标题】：howtopassHeader+BodyinPOSTapiusingVueJS-axios【发布时间】：2018-08-0504:29:50【问题描述】：我正在尝试调用awsCognito(Tokenendpoint)的postAPI。它在我的邮递员客户端中完美运行。但我在... 查看详情

在 Nuxt JS 中为 Axios 配置本地 php 端点

】在NuxtJS中为Axios配置本地php端点【英文标题】：ConfigurelocalphpendpointforAxiosinNuxtJS【发布时间】：2019-12-1312:23:05【问题描述】：我想使用Axios进行指向本地PHP文件的客户端AJAX调用。为什么选择PHP？我在一个简单的基于PHP的API中有... 查看详情

如何在 Azure 数据工厂的 Web 活动中为 POST 请求传递正文中的内容

】如何在Azure数据工厂的Web活动中为POST请求传递正文中的内容【英文标题】：HowtopasscontentinBodyforaPOSTrequestinWebActivityinAzureDataFactory【发布时间】：2021-01-0812:39:08【问题描述】：我想使用Azure数据工厂Web活动为salesforce生成访问令牌... 查看详情

如何测试 react-saga axios post

】如何测试react-sagaaxiospost【英文标题】：howtotestreact-sagaaxiospost【发布时间】：2018-01-2314:28:25【问题描述】：我正在学习如何测试并使用一些示例作为指导，我正在尝试模拟登录帖子。该示例使用fetch进行http调用，但我使用axios... 查看详情

如何在提交侦听器上传递表单数据，以便 axios 可以发布表单数据？

】如何在提交侦听器上传递表单数据，以便axios可以发布表单数据？【英文标题】：Howtopassformdataonsubmitlistenersothataxioscanpostformdata?【发布时间】：2020-09-1022:09:30【问题描述】：我有如下表格。<formclass="comment-post"method="POST"action="... 查看详情