Providers

Aliyun

Nuxt Image has first class integration with Aliyun.

Integration between Aliyun CDN and the image module.

To use this provider you just need to specify the base url (zone) of your service:

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

Example:

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

Options

baseURL

Default: /

Your deployment's domain (zone).

modifiers

Example:

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

For more modifiers configuration items, see aliyun cdn docs