access to azure storage from React App

Question

Hello,

We are running a REACT app on an APP service. The APP has a BACK END in TS and a front end in REACT. In our application our customers can create posts with images. These images must be saved in a blob container.

I cannot find the best solution to authorize my front end to save these images in the container.

I have created an application registration and use "ClientSecretCredential" with "BlobServiceClient" but i receved the error :

"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled."

Can you please help me to find the best solution.

Best regard

Answer 1

Hi @Emmanuel de Nicolay

I found a couple of solutions that can help you:

• https://stackoverflow.com/questions/74389940/how-to-get-azure-blob-storage-data-into-react-app-that-is-hosted-on-azure-app-se
• https://dev.to/425show/connecting-to-azure-blob-storage-from-react-using-azure-identity-16l0

I hope this helps!

Remember to accept the answer if it is helpful.