Static Images
为静态网站优化图片。
如果您正在使用 nuxt generate 构建静态站点,Nuxt Image 将在您的站点生成时优化并本地保存您的图片,然后将它们与您生成的页面一起部署。
如果您禁用了服务器端渲染(nuxt.config 中的 ssr: false),Nuxt Image 将无法在静态生成过程中优化您的图片。
在这种情况下,您可以通过使用 nitro.prerender.routes 选项来告诉 Nuxt 预渲染图片:
nuxt.config.ts
export default defineNuxtConfig({
ssr: false,
nitro: {
prerender: {
routes: [
'/_ipx/w_120/market.jpg',
'/_ipx/w_140/market.jpg',
// etc.
]
}
}
})