Nuxt 3 从 api 调用返回动态 JSON 文件

Question

所以我的 asset 文件夹下有一些 json 文件。我希望能够动态调用这些文件。我不知道我这样做是否正确，但我想到的做法是调用 api，以便 api 返回 json。

例如，这是我的一个组件：

const {data} = await useFetch('/api/states', {
        query: {file: newVal}
    })

这是在我的服务器/api/状态中：

export default defineEventHandler(async (event) => {
    const baseUrl = process.env.API_BASE_URL
    const query = getQuery(event)
    const file = query.file

    try{
        const data: any = await $fetch(`/assets/countries/country-states/${file}.json`)
        return data
    } catch (error){
        return error
    }
})

这就是我要回来的：

"Page not found: /assets/countries/country-states/state.json"