Lzh on GitHub

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.
      ]
    }
  }
})