25
4
EDIT: I am on Nuxt version 3.7.1
编辑：我使用的是Nuxt 3.7.1版
I have a Nuxt website. I have a server endpoint to fetch content. When the page first loads, the current data shows up. If I refresh the page, useFetch is not called (based on the network log) and old data is shown. The old data seems to be the data that was there at the time of deployment.
Here is the code for one of these pages:
我有一个Nuxt网站。我有一个服务器端点来获取内容。当页面第一次加载时，会显示当前数据。如果我刷新页面，则不会调用useFetch(基于网络日志)，并显示旧数据。旧数据似乎是部署时存在的数据。以下是其中一个页面的代码：
个人中心
文章发布
退出<template>
<div>
<menu-item v-for="item in items" :title="item.title" :content="item.content" />
</div>
</template>
<script setup lang="ts">
const { data: res } = await useFetch(
"https://getcontent-***-uc.a.run.app/",
{
method: "GET",
query: {
websiteId: "***",
contentGroupId: "***",
},
}
);
const items = (res.value as any).data;
</script>
Try adding a key value inside useFetch's options object with an unique value every time (so for example based on Date.now()). That's what helped me with similar issue. Otherwise useFetch tends to cache data and won't re-fetch when it thinks it is the same API call.
尝试在useFetch的选项对象中添加一个键值，每次都有一个唯一的值（例如基于Date.now（））。这就是帮助我解决类似问题的方法。否则，useFetch倾向于缓存数据，并且当它认为这是同一个API调用时不会重新获取。
25
4
0
我从这里复制了一些文件:https://codesandbox.io/s/github/nuxt/nuxt.js/tree/dev/examples/custom-loading?from-embed
我已经在整个互联网上搜索了我的问题的答案。到目前为止没有运气。 我想要达到的目标: 我有一个在通用模式下运行的 Nuxt 应用程序。它类似于一个小型社交网络，用户可以在其中创建自己的个人资料并分享他们
在我的 nuxt 应用程序中，嵌套目录中的组件不会按预期自动导入。对于我的一些组件，我有如下内容:vue 2.6.12 , nuxt 2.15.0components\目录结构 TopArea\ --
我有点困惑，因为在官方 nuxt 网站上它说当前的 nuxt 版本是 2.5.X 但是当我使用 npx create-nuxt-app 创建 nuxt 应用程序时并检查 package.json在依赖
我有survey-vue(surveyJS)在dev上运行良好，但是当我尝试部署时，登陆带有调查组件的页面时出现最大调用堆栈大小超出错误。 我在想这就是我导入插件的方式，但我不确定。 插件/surve
我有如下路径 路径:'/board/:type(\d{2}):subtype(\d{2}):id(\d+)' 所以这是这样的 http://localhost:3000/board/112233333
我构建多应用 Nuxt 项目，这些应用之间不直接通信。每个应用程序都有自己的商店，我想为共享商店使用一个目录。我将这种方法用于组件并且效果很好。 |-> app1 | |-> store // s
将我的 nuxt-cli 版本升级到 2.15.3 后，我注意到页面 block 的大小减小了，所有 node_modules 安装的包现在都被捆绑到现在变得越来越大的 app.js 中。 在下面你可
我正在使用 nuxt 生成完整的静态 Web 应用程序，如下所述 https://nuxtjs.org/blog/going-full-static/#crazy-fast-static-applic
我已经看到很多与此主题相关的问题。但是他们都没有解决我的问题。 我有一个情况，我必须检查 innerWidth窗口，使用 isMobile 检查设备是否可移动多变的。 ...
我在最新版本的 Vuetify 中使用 NuxtJs。 在我的导航栏中有一个通向主页的主页按钮，这是它的代码: mdi-home 只要我在主页上，图标就会悬停: 一旦
我有一个登录页面，我希望登录的用户无法看到。我的组件如下: ... ... @Component({ layout: 'fullWidth', auth: '
我正在创建一个插件，它将发出由套接字触发的基本 nuxt 事件。然后将收到 nuxt 事件并打开一个 snackbar 。在组件内部时，使用 $nuxt 可以轻松发送和接收事件。 this.$nuxt
我有一个Composable，它返回一个函数，在5秒的间隔内验证身份验证和刷新令牌。两者都利用Nuxt的useCookie实用程序函数来执行其背后的逻辑。。起初，它是有效的。但有时，当令牌到期时，它会
我不能在这里使用 window.location，因为它是 SSR 应用程序。useRouter、useRoute 和 useNuxtApp 也没有域名。nuxtApp.ssrContext 未定义。
我在 nuxt.js 上有前端服务器，在带有 django-rest-framework 的 django 中有后端。谁能给我一个使用 nuxt-auth 本地策略刷新 jwt token 的例子？我
有很多关于 Nuxt SSR 或全静态的信息，但我找不到任何指南如何构建具有静态页面的混合 SSR。 我正在使用 Nuxt SSR 构建一个网站，我想从一个 10MB 的 JSON 文件静态预渲染所有
我在本地构建了nuxt js的项目，即npm run build，然后将项目推送到.nuxt文件夹，而不是node_modules文件夹。然后运行npm run start命令，失败。 输出信息:sh
我有一个 NUXT 项目，我正在尝试添加 301 重定向。我尝试了几种不同的方法，但没有任何效果。如果我转到旧 URL，我会得到一个 404 页面。 向 Nuxt 项目添加重定向的最佳方式是什么？ 任
我正在使用 Nuxt Content存储应用程序内容(JSON 文件)。它在热重载的开发模式下工作很酷。我网站的后端更改内容文件夹中的任何文件，并且这会立即在浏览器中更改而无需重新加载页面。但在生产模
我是一名优秀的程序员,十分优秀！