از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
روش ارسال سرصفحه با درخواست Axios POSTAxios یک کتابخانه سرویس گیرنده HTTP است که برای ارسال درخواست های HTTP ناهمزمان مانند POST، GET و DELETE به نقاط پایانی REST (عمدتاً API) استفاده می شود. برخی از این درخواست‌ها، مانند GET و POST، می‌توانند شامل هدرهایی باشند که منبع اطلاعات اضافی برای هر تماس API ارائه می‌دهند. در این…
سرفصلهای مطلب
معرفی
Axios یک کتابخانه سرویس گیرنده HTTP است که برای ارسال درخواست های HTTP ناهمزمان مانند POST، GET، و DELETE به نقاط پایانی REST (عمدتاً APIها). برخی از این درخواست ها مانند GET و POST، می تواند شامل هدرهایی باشد که منبع اطلاعات اضافی برای هر تماس API ارائه می دهد.
در این مقاله، روش ارسال هدرها را در کنار درخواست POST خود در Axios خواهیم آموخت.
سرصفحه ها هنگام درخواست API بسیار مهم هستند و یکی از اولین مکان هایی هستند که در هنگام مواجهه با مشکلات API به آن نگاه می کنیم، زیرا به ما کمک می کنند تا مشکلات احتمالی را ردیابی کنیم.
ساختار درخواست POST در Axios
یک درخواست Axios POST می‌تواند سه پارامتر را بپذیرد: URL نقطه پایانی، داده‌ها و شیء پیکربندی که هدرها را می‌پذیرد:
const res = await axios.post(URL, data, config);
ارسال هدرها با درخواست Axios POST
هنگام ارسال هدرها به Axios، یک شی حاوی هدرهایی که می‌خواهیم به عنوان آن ارسال کنیم، ارائه می‌کنیم config پارامتر. به عنوان مثال، فرض کنید می خواهیم یک درخواست POST را به سروری ارسال کنیم که فقط می پذیرد text/json نوع محتوا (به جای معمول application/json). در این صورت، می‌توانیم نوع محتوایی را که می‌خواهیم در هدر ارسال کنیم سفارشی کنیم:
const result = await axios.post('https://testapi.org/post', { name: 'John Doe' }, {
headers: {
'content-type': 'text/json'
}
});
از طرف دیگر، می‌توانیم به جای اینکه این اشیاء را مستقیماً به آن ارسال کنیم، از متغیرها استفاده کنیم axios.post() روش. این قطعا خوانایی کد ما را بهبود می بخشد:
const headers = {
"Content-Type": "text/json"
};
const data = {
name: "John Doe"
};
const result = await axios.post("https://testapi.org/post", data, {
headers: headers
});
اجازه دهید به سرعت تأیید کنیم که این کار همانطور که انتظار می رود کار می کند:
console.log(result.data.headers('Content-Type'));
// Prints: text/json
نتیجه
در این مقاله روش ارسال هدر با درخواست های POST در Axios و همچنین ساختار درخواست Axios را یاد گرفتیم تا اشتباه نکنیم. config شی برای data مخالفت کنید، همانطور که بسیاری از مردم انجام می دهند.
منتشر شده در 1403-01-08 05:56:05
