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
。