Nuxt•3y ago

Connecting AWS S3 to Nuxt 3

So i'm trying to use S3 to upload some profiles images and then be able to call them by a URL, and for this i wanted to create a Nuxt plugin to add all the related functions to it

but for now i'm trying to keep it simple

//plugins/s3.js

import S3 from 'aws-sdk/clients/s3'

export default defineNuxtPlugin(nuxtApp => {
  return {
    provide: { S3 },
  };
});

//plugins/s3.js

import S3 from 'aws-sdk/clients/s3'

export default defineNuxtPlugin(nuxtApp => {
  return {
    provide: { S3 },
  };
});

//plugins/s3.js

import S3 from 'aws-sdk/clients/s3'

export default defineNuxtPlugin(nuxtApp => {
  return {
    provide: { S3 },
  };
});

//plugins/s3.js

import S3 from 'aws-sdk/clients/s3'

export default defineNuxtPlugin(nuxtApp => {
  return {
    provide: { S3 },
  };
});

by doing this i'm getting issues with vite that are saying that global is not define, so i found that i could add some vite config inside my nuxt.config.ts and i did it

//nuxt.config.ts

vite: {
  define: {
   'global': {}
  }
},

//nuxt.config.ts

vite: {
  define: {
   'global': {}
  }
},

//nuxt.config.ts

vite: {
  define: {
   'global': {}
  }
},

//nuxt.config.ts

vite: {
  define: {
   'global': {}
  }
},

but by doing that i'm having some conflict at /node_modules/nuxt/dist/pages/runtime/router.mjs:65:4

so there is a solution by adding "window" but if i added i'm getting another error on production saying " TypeError: t is not a constructor" and that's all

what would be the best approach to fix this issue? i just want to be able to upload files and call them

Antonio IvanovOP•1/16/23, 4:19 AM

sorry i didn't receive the notification, sounds awesome i'll try it! i'm not very familiarized with the server folder so i'll be reading some documentation, thanks for the idea

Connecting AWS S3 to Nuxt 3

Similar Threads

Similar Threads

Similar Threads