Giriş

Axios, asenkron HTTP istekleri göndermek için kullanılan bir HTTP istemci kitaplığıdır. POST, GET, ve DELETE REST uç noktalarına (çoğunlukla API'ler). Bu isteklerden bazıları, örneğin GET ve POST, her API çağrısı için ek bir bilgi kaynağı sağlayan üstbilgiler içerebilir.

Bu yazıda, Axios'ta POST isteğimizin yanında nasıl başlık gönderileceğini öğreneceğiz.

Başlıklar, API istekleri yaparken kritik öneme sahiptir ve herhangi bir olası sorunu izlememize yardımcı oldukları için bir API ile ilgili sorunlarla karşılaştığımızda ilk baktığımız yerlerden biridir.

Axios'ta POST İstek Yapısı

Bir Axios POST isteği üç parametreyi kabul edebilir: uç noktanın URL'si, verileri ve başlıkları kabul eden yapılandırma nesnesi:

const res = await axios.post(URL, data, config);

Başlıkları Axios'a aktarırken, olarak iletmek istediğimiz başlıkları içeren bir nesne sağlarız. config parametre. Örneğin, yalnızca kabul eden bir sunucuya POST isteği göndermek istediğimizi varsayalım. text/json içerik türü (normal application/json). Bu durumda başlıkta göndermek istediğimiz içerik türünü özelleştirebiliriz:

const result = await axios.post('https://testapi.org/post', { name: 'John Doe' }, {
    headers: {
    'content-type': 'text/json'
    }
});

Alternatif olarak, bu nesneleri doğrudan dosyaya geçirmek yerine değişkenleri kullanabiliriz. axios.post() yöntem. Bu kesinlikle kodumuzun okunabilirliğini artırır:

const headers = {
    "Content-Type": "text/json"
};

const data = {
    name: "John Doe"
};

const result = await axios.post("https://testapi.org/post", data, {
    headers: headers
});

Bunun beklendiği gibi çalıştığını hızlıca onaylayalım:

console.log(result.data.headers['Content-Type']);

Sonuç

Bu yazıda, Axios'ta POST istekleri ile nasıl başlık gönderileceğini ve bir Axios isteğinin yapısını öğrendik, böylece hata yapmayalım. config için nesne data birçok insanın yaptığı gibi itiraz edin.