Vercel

当将您的 Nuxt 应用程序部署到 Vercel 平台时，图片模块可以使用 Vercel 的 边缘网络 按需优化图片。

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

域名

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

示例

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

尺寸

您需要指定 <NuxtImg>、<NuxtPicture> 或 $img 中使用的 **所有自定义宽度**，以便 Vercel 正确调整它们的大小。 来源。

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

示例

<template>
  <NuxtImg height="40" width="40" preset="cover" src="/nuxt-icon.png" />
</template>