Как я могу получить Ax ios для отправки запроса с FormData? - PullRequest
Новая
       14

Как я могу получить Ax ios для отправки запроса с FormData?

0 голосов
/ 07 февраля 2020

Я не могу получить сервер, которому я звоню, чтобы распознать FormData, который я предоставляю, когда я использую Axiom. Мне постоянно говорят, что я не предоставляю правильные данные FormData, даже если они работают в родном http-файле Postman и Node (см. Ниже): 

import { Router } from "express";
import axios from "axios";
import * as FormData from "form-data";

const router = Router();
const cookieHeader = {
    Cookie: "XXX",
};

router.get("/", async (_req, res) => {
    try {
        const formData = new FormData();

        formData.append("key1", JSON.stringify(["value1"]));
        formData.append("key2", "value2");
        formData.append("key3", "value3");

        const response = await axios.post("https://xxx", formData, { headers: { "Content-Type": "multipart/form-data; boundary=--------------------------811161660471543283806813" } });

        res.send(response.data);
    } catch (error) {
        console.log(error);
    }
});

module.exports = router;

Я могу заставить его работать в Postman и использовать его для экспорт с использованием собственного http узла, который также работает: 

import { Router } from "express";
import { https } from "follow-redirects";

const router = Router();

router.get("/", () => {
    const options = {
        method: "POST",
        hostname: "xxx",
        path: "/xx/xxx",
        headers: {
            "Content-Type": "multipart/form-data; boundary=--------------------------811161660471543283806813",
            Cookie: "xxx",
        },
        maxRedirects: 20,
    };

    const req = https.request(options, (res: any) => {
        const chunks: any[] = [];

        res.on("data", (chunk: any) => {
            chunks.push(chunk);
        });

        res.on("end", () => {
            const body = Buffer.concat(chunks);
            console.log(body.toString());
        });

        res.on("error", (error: any) => {
            console.error(error);
        });
    });

    const postData = `------WebKitFormBoundary7MA4YWxkTrZu0gW\nContent-Disposition: form-data; name=\"key1\"\n\n[\"value1\"]\n------WebKitFormBoundary7MA4YWxkTrZu0gW\nContent-Disposition: form-data; name=\"key2\"\n\nvalue2\n------WebKitFormBoundary7MA4YWxkTrZu0gW\nContent-Disposition: form-data; name=\"key3\"\n\nvalue3\n------WebKitFormBoundary7MA4YWxkTrZu0gW--`;

    req.setHeader("content-type", "multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW");

    req.write(postData);

    req.end();
});

module.exports = router;

1 Ответ

0 голосов
/ 07 февраля 2020

Я понял это после прочтения https://github.com/axios/axios/issues/318. Только в самом конце Googro sh написал, что он использовал .getHeaders(). И вот, я добавил это и к своим заголовкам, и это сработало.

Итак, обновляя мой код, вот как это выглядит: 

const response = await axios.post("https://xxx", formData, { headers: formData.getHeaders() });
...