Aliyun - Nuxt Image Providers

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

Default: /

Your deployment's domain (zone).

Example:

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

For more modifiers configuration items, see aliyun cdn docs

useImage()

A Vue composable that returns a helper function to generate optimized image URLs.

AWS Amplify

Nuxt Image has first class integration with AWS Amplify Hosting