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