Clientul HTTP $fetch() în Nuxt 3 în Vue.js & Nuxt

Ce este $fetch() în Nuxt 3

În timp ce useFetch() este optimizat pentru datele inițiale de randare a paginii, $fetch() este clientul HTTP universal utilizat la trimiterea cererilor declanșate de acțiunile utilizatorului (de exemplu la trimiterea unui formular, click pe un buton de ștergere sau acțiuni POST/PUT/DELETE).

Are parsare automată de JSON, gestionează corect cookie-urile pe server și tratează erorile într-un mod prietenos.

<script setup>
import { ref } from 'vue';

const nume = ref('');

async function trimiteFormular() {
    try {
        const raspuns = await $fetch('/api/contact', {
            method: 'POST',
            body: { nume: nume.value }
        });
        alert('Formular expediat cu succes!');
    } catch (err) {
        console.error('Eroare la trimitere:', err);
    }
}
</script>