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