提供商

AWS Amplify

来源
Nuxt Image 与 AWS Amplify Hosting 有着紧密集成

AWS Amplify Hosting 和图片模块之间的集成。

此提供商将在 AWS Amplify 部署中默认启用。

这是一个实验性预设，很快就会提供！ 🚀

域名

要使用外部 URL（不在 public/ 目录中的图片），应将主机名列入白名单。

示例

nuxt.config
export default {
  image: {
    domains: [
      'avatars0.githubusercontent.com'
    ]
  }
}

大小

在 <NuxtImg>、<NuxtPicture> 和 $img 中指定任何您使用的自定义 width 属性。

如果没有定义宽度，图片将回退到下一个更大的宽度。

示例

nuxt.config
export default {
  image: {
    screens: {
      icon: 40,
      avatar: 24
    }
  }
}

阿里云

Nuxt Image 与阿里云有紧密集成。

Bunny

Nuxt Image 与 Bunny 集成。