I have a website on which I can fetch data through APIs to my database. But for like 2 weeks I have had an error sometimes when I fetch in APIs, which is: ERR_SSL_BAD_RECORD_MAC_ALERT. But only when fetching data a little bit with more payload. But, before, I did not get this error, expect when fetching IMGs, that is resolved thanks to vercel blob.
I tested to host my project on netlify, and I have not this error anymore, nevermind I try to fetch like 100000 times, no error. Only on vercel.
Maybe it's only for me, bc I read that is can be caused by hardware or software of the client. Here u can test, try to import a large image (like 1.5mb), and tell me if u get the error in the console: https://creadev-production.vercel.app/auth
Also, when I didn't use blob, I could compress my img before convert to base64. But now, I have the intuition that they are not compressed anymore, and I don't know how to do it with blob. Here is my code for fetching in blob:
const handleUpload = async (e) => { const reader = new FileReader()
const file = inputFileRef.current.files[0];
new Compressor(file, {quality: 0.1, width: 200, height: 200, success(result) { reader.onload = async (event) => { const response = await fetch( `/api/upload?filename=${result.name}`, { method: 'POST', }, ); if (!response.ok) { toast.error(response.message) return } else { const newBlob = await response.json(); setImg(newBlob.blob.url) } } reader.onerror = (err) => { toast.error(`Erreur lors de l'upload de l'image: ${err}`) } }}) }I don't rlly understand how blob works, and I don't know if result.name is enough for blob to know that it's compressed ?
I want to add that when adding an img in my blob, et get a timeout with vercel hosting and just bad gateway on netlify hosting (which I didn't get in the past, just after completing the blob: it worked, but not anymore)