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