React Native 无法获取OpenAI生成图像的blob

bwleehnv  于 2023-04-12  发布在  React
关注(0)|答案(1)|浏览(164)

我正在创建一个React Native应用程序,它允许用户使用AI生成图像。由于API返回的URL仅在一个小时内有效,我需要一种方法将其上传到Supabase Storage。我发现的唯一解决方案是通过获取并上传该blob。下面是我正在尝试的代码和我得到的错误。我相信这是OpenAI不允许请求的问题,但我不确定。

const fileName = `${Date.now()}-${Math.floor(
              Math.random() * 100000
            )}.png`;
            const imageResponse = await fetch(url);
            const blobFile = await imageResponse.blob();

            console.log("Uploading image...");
            const { data, error } = await supabase.storage
              .from("public/posts")
              .upload(fileName, blobFile);

            if (error) {
              throw new Error(`Failed to upload image: ${error.message}`);
            }

Origin http://localhost:19006 is not allowed by Access-Control-Allow-Origin. Status code: 200

dphi5xsq

dphi5xsq1#

您的一个后端不允许跨域请求(CORS)。这无法通过前端代码修复,需要在您的服务器上进行配置。
how to do it with supabase
如果你不能通过配置服务器来解决这个问题,你可以在中间添加另一个后端,它将充当代理并设置适当的CORS规则。

相关问题