高级

静态图像

优化静态网站的图像。

如果您使用 nuxt generate 构建静态网站,Nuxt Image 将在您的网站生成时优化并保存您的图像到本地 - 然后将它们与您的生成页面一起部署。

如果您禁用了服务器端渲染 (ssr: falsenuxt.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.
      ]
    }
  }
})