我正在创建一个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
1条答案
按热度按时间dphi5xsq1#
您的一个后端不允许跨域请求(CORS)。这无法通过前端代码修复,需要在您的服务器上进行配置。
how to do it with supabase
如果你不能通过配置服务器来解决这个问题,你可以在中间添加另一个后端,它将充当代理并设置适当的CORS规则。