在next 3中使用新的模块系统进行渲染

  • 本文关键字:系统 模块 next nuxtjs3
  • 更新时间 :
  • 英文 :


我正在使用nuxt3模块,但是我在实现一些事情时遇到了问题。

模式:江源发展促进会

以下是我对我的模块的要求:

  • 在渲染页面之前我需要hook in
  • 我想添加的数据将被注入到页面和存储(如在next.js时使用getStaticProps)
  • 我想共享module.ts和插件文件中的全局对象。

你能再解释一下这个问题吗?我不确定模块是否是最简单的方法。

如果您想在SSG期间获取数据,您可以使用useFetch: https://nuxt.com/docs/api/composables/use-fetch

next将在页面生成期间获取数据。生成静态HTML,并将API响应存储在window.__NUXT__下。因此,在客户端,API调用不会再次执行。

示例参见:https://stackblitz.com/edit/nuxt-starter-oq1gxa?file=app.vue如果在新选项卡中打开示例,将看到没有执行任何获取请求。如果检查HTML本身,可以看到数据是如何存储在window.__NUXT__下的。

最新更新