提供商

阿里云

Nuxt Image 与阿里云深度集成。

阿里云 CDN 与图像模块的集成。

要使用此提供商,您只需指定服务的基准 URL(区域)

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    aliyun: {
      baseURL: "https://that-test.site",
    },
  },
});

示例

<NuxtImg
  provider="aliyun"
  src="/burger.jpeg"
  height="300"
  :modifiers="{ fit: 'contain' }"
/>

选项

baseURL

默认: /

您部署的域名(区域)。

modifiers

示例

{
  resize: {
    fw: 900,
    fh: 200
  },
  rotate:180,
  bright:50
  ...
}

有关更多修饰符配置项,请参阅 阿里云 CDN 文档