在Axios,Node.js中发布包含文件的多部分表单

时间:2019-06-13 07:53:38

标签: node.js http axios

const form_data = new FormData();
form_data.append("File", fs.createReadStream(pathToFile));
form_data.append('Login', alias.toUpperCase());

const request_config = {
    headers: {
        "Authorization": "Basic 123",
        "Content-Type": 'multipart/form-data'
    },
    data: form_data
};

await axios.post(url, params, request_config).then(response => {

发布到端点我无法调试。响应是500。

这是错误:

enter image description here

这是正确的方法吗?

我能以某种方式确切地看到Axios发送的是什么吗?

这是我从API作者那里收到的邮递请求。这会通过:

POST /api/upload HTTP/1.1

Host: api.test.contoso.se

Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

Authorization: Basic 123

User-Agent: PostmanRuntime/7.13.0

Accept: */*

Cache-Control: no-cache

Postman-Token: 089af753-fa12-46c4-326f-dfc39c36faab,c5977145-ece3-4b53-93ff-057788eb0dcf

Host: api.test.contoso.se

accept-encoding: gzip, deflate

content-length: 18354

Connection: keep-alive

cache-control: no-cache

Content-Disposition: form-data; name="Lang"

SV
------WebKitFormBoundary7MA4YWxkTrZu0gW--

Content-Disposition: form-data; name="File"; filename="/C:/Users/file.docx


------WebKitFormBoundary7MA4YWxkTrZu0gW--

Content-Disposition: form-data; name="Login"

ABC

1 个答案:

答案 0 :(得分:1)

您的屏幕快照中的错误消息很明显:“缺少内容类型边界”。

要使用axios进行multipart/form-data请求,您需要设置边界以上传文件。示例代码为:

const form_data = new FormData();

...

const request_config = {
    headers: {
        "Authorization": "Basic 123",
        "Content-Type": 'multipart/form-data; boundary=' + form._boundary
    },
    data: form_data
};

await axios.post(...)

“我能以某种方式确切地看到Axios发送的是什么吗?”

您可以使用诸如Charles的HTTP代理软件来拦截请求,并检查发送了哪些数据。