渲染后的 Nuxt 3 HTTP 按需请求：客户端获取

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 like）？

Answer 1

$fetch 应该可以。问题是一个小错误，现在已修复。如果您遇到此错误，只需升级 nuxt/ohmyfetch lib

npx nuxi upgrade --force

更多信息在这里： https://github.com/nuxt/framework/issues/2502#issuecomment-999783226

渲染后的 Nuxt 3 HTTP 按需请求：客户端获取

Nuxt 3 HTTP request on demand after rendering: a client-side fetch

fetch

nuxt.js

nuxt3