如何在 Nuxt 3 中使用 useQuery() 作为 API 路由参数?

2024-04-17

我正在遵循一个指南,其中api routes是这样构建的:

1 创建server/api/route.js file:

export default defineEventHandler((event) => {

    return {
        message: `hello api route`
    }
})

2 在组件中使用 api 路由,如下所示:

<script setup>
const { data: message } = await useFetch('/api/route')
</script>

<template>
  <div>
    <p>api data {{ message }}</p>
  </div>
</template>

这有效,但是当我尝试添加query parameter in 1.:

export default defineEventHandler((event) => {

    const { name } = useQuery(event)

    return {
        message: `hello api name parameter ${name}`
    }
})

并在组件中调用它2.:

<script setup>
const { data: message } = await useFetch('/api/route?name=mario')
</script>

<template>
  <div>
    <p>api data {{ message }}</p>
  </div>
</template>

the message财产是空的。看起来useQuery(event)产生一个空变量。知道为什么这不起作用吗?


useQuery(event)不再支持。您可以使用getQuery(event)

getQuery 的 h3 文档 https://www.jsdocs.io/package/h3#getQuery

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Nuxt 3 中使用 useQuery() 作为 API 路由参数? 的相关文章

随机推荐