提供者

Strapi

Nuxt Image 与 Strapi 集成。

Strapi 和图片模块之间的集成。

不需要任何特定的配置。你只需要在你的配置中指定strapi,使其成为默认提供者。

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    strapi: {}
  }
})

覆盖默认选项

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    strapi: {
      baseURL: 'https://127.0.0.1:1337/uploads/'
    }
  }
})

修饰符

使用breakpoint修饰符来指定图片的大小。

默认情况下,当图片上传并且在设置面板中启用启用响应式友好的上传 Strapi 设置时,插件会生成以下响应式图片尺寸。

名称最大尺寸
small500px
medium750px
large1000px

你可以覆盖默认断点。请参阅 Strapi 文档中的上传配置

如果你没有设置断点修饰符,将使用原始图片尺寸。

<NuxtImg provider="strapi" src="..." />

定义断点修饰符

<NuxtImg provider="strapi" src="..." :modifiers="{ breakpoint: 'small' }" />
每个图片只能修改一个断点。