HTTP-запрос Nuxt 3 по запросу после рендеринга: выборка на стороне клиента

Question

Nuxt 3 имеет эти удивительные функции выборки данных (например: useFetch), но я сталкиваюсь с ситуацией, когда мне нужно сделать запрос после времени рендеринга (например: вызов с помощью кнопки и отправка поискового запроса).

Насколько я знаю, useFetch не работает на стороне клиента, вот что я пытаюсь сделать

      <template>

<button @click="goSearch()">Search</button>

</template>

      
setup() {
        const goSearch = async () => {
            const { data } = await useFetch('search', () => $fetch('/api/search'));
            console.log(data.value);
        };

        return { goSearch };
    },
}

Предлагает ли nuxt3 встроенную функцию для выполнения http-запроса по запросу (например, официальные http-axios на стороне клиента)?

Answer 1

$выборка должна работать. Проблема заключалась в небольшом баге, который сейчас исправлен. Если вы столкнулись с этой ошибкой, просто обновите nuxt/ohmyfetch lib.

npx nuxi upgrade --force

Подробнее здесь:https://github.com/nuxt/framework/issues/2502#issuecomment-999783226

Answer 2

useFetch аналогичен использованию $fetch, почему бы просто не использовать fetch уже в вашем коде?

      const { data } = await $fetch('/api/search' );

я думаю, что ваш код просто не тот, что вы можете использовать useFetch даже на стороне клиента, но вот так:

      const { data } = await useFetch('/api/search')