提供者
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 设置时,插件会生成以下响应式图片尺寸。
名称 | 最大尺寸 |
---|---|
small | 500px |
medium | 750px |
large | 1000px |
你可以覆盖默认断点。请参阅 Strapi 文档中的上传配置。
如果你没有设置断点修饰符,将使用原始图片尺寸。
<NuxtImg provider="strapi" src="..." />
定义断点修饰符
<NuxtImg provider="strapi" src="..." :modifiers="{ breakpoint: 'small' }" />
每个图片只能修改一个断点。