Nuxt•2y 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 },
  };
});

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': {}
  }
},

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

2 Replies

Unknown User•2y ago

Message Not Public

Antonio Ivanov•2y ago

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 😄

Gaming

Programming

Connecting AWS S3 to Nuxt 3