prerenderRoutes

源文件
prerenderRoutes 提示 Nitro 预渲染额外的路由。

在预渲染时,你可以提示 Nitro 预渲染额外的路径,即使它们的 URL 没有显示在生成的页面的 HTML 中。

prerenderRoutes 只能在 Nuxt 上下文 中调用。
prerenderRoutes 必须在预渲染期间执行。如果 prerenderRoutes 用于未预渲染的动态页面/路由中,则它不会被执行。
const route = useRoute()

prerenderRoutes('/')
prerenderRoutes(['/', '/about'])
在浏览器中,或在预渲染外部调用时,prerenderRoutes 将不产生任何效果。

你甚至可以预渲染 API 路由,这对于完全静态生成的站点 (SSG) 非常有用,因为你可以像拥有可用服务器一样 $fetch 数据!

prerenderRoutes('/api/content/article/name-of-article')

// Somewhere later in App
const articleContent = await $fetch('/api/content/article/name-of-article', {
  responseType: 'json',
})
生产环境中的预渲染 API 路由返回的响应头可能与预期不符,具体取决于你部署到的提供商。例如,JSON 响应可能会以 application/octet-stream 内容类型提供。始终在获取预渲染的 API 路由时手动设置 responseType