ارسال فایل و داده‌های فرم با استفاده از درخواست POST در Axios

برای ارسال داده‌های فرم بوسیله Axios، بهتر است از FormData استفاده کنید. FormData به شما این امکان را می‌دهد که داده‌ها را به صورت چندقطعه‌ای (multipart) ارسال کنید. به عنوان مثال:

      var bodyFormData = new FormData();
bodyFormData.append('userName', 'Fred');
bodyFormData.append('userEmail', '[email protected]');

axios({
    method: 'post',
    url: '/addUser',
    data: bodyFormData,
    headers: { 'Content-Type': 'multipart/form-data' },
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

    

در این مثال، با استفاده از شی FormData مقادیر مورد نظر به درخواست اضافه می‌شود.

اگر نیازی به ارسال فایل‌ها دارید، می‌توانید به سادگی آن‌ها را همان‌طور که در مثال bodyFormData.append('image', imageFile); نشان داده شده، به این فرم اضافه کنید.

در نهایت، باید توجه داشته باشید که اگر درخواست POST را از طریق ابزارهایی مانند Postman تست کردید و به درستی کار کرد، احتمالاً مشکل به نحوه پیکربندی درخواست ارسال شده از طرف Axios برمی‌گردد. استفاده از FormData معمولاً بسیاری از مشکلات این چنینی را حل می‌کند و ارسال داده‌ها را به سادگی فراهم می‌آورد.