I am building an image generating application using DALL-E2 api. I want to download the displayed image using "FileSaver".
import FileSaver from "file-saver";
export async function downloadImage(image)
{FileSaver.saveAs(image,download.png)}
I get a message: file-saver.js?v=2e0ff7ce:33 Access to XMLHttpRequest at 'https://oaidalleapiprodscus.blob.core.windows.net/private/org-alTNNQC9I30NFWRuPhgpOdc4/user-25iGUE4NZa3aer9Qinek2obL/img-kNIe0Skc8iBfSSFWjYcKmVu0.png?st=2023-03-27T07%3A42%3A24Z&se=2023-03-27T09%3A42%3A24Z&sp=r&sv=2021-08-06&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2023-03-26T18%3A39%3A30Z&ske=2023-03-27T18%3A39%3A30Z&sks=b&skv=2021-08-06&sig=iTs6EiYx0CHtMPPr6SvDvaJaAWASAhlYzkAEXgKTidg%3D' from origin 'http://127.0.0.1:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
How to resolve this problem? I use React with Vite on frontend and Express on backend.
I tried use cors on backend:
app.use(cors());
app.use((req, res, next) => {res.header("Access-Control-Allow-Origin", "*");next();})
