Hey @Ryaningli! 👋 I'm here to help you with your bug report. Let's squash this bug together! I found a similar unsolved discussion regarding a file upload error with Cloudflare R2 storage ^{[[1]](https://github.com/lobehub/lobe-chat/discussions/3783)}. Additionally, there is a closed issue related to a 403 error caused by an unallowed referer, but no solution was found in the comments ^{[[2]](https://github.com/lobehub/lobe-chat/issues/2836)}. To resolve the CORS error you're experiencing with the Vercel-deployed web page, you need to configure the CORS settings in your Cloudflare R2 storage bucket. The error is likely due to the Referer ACL denial, which can be addressed by allowing requests from your Vercel domain. Here is how you can configure the CORS settings: 1. Go to the settings of your Cloudflare R2 storage bucket. 2. Find the CORS configuration section. 3. Add a CORS rule to allow requests from your Vercel domain. The configuration should look like this: ```json [ { "AllowedOrigins": ["https://your-project.vercel.app"], "AllowedMethods": ["GET", "PUT", "HEAD", "POST", "DELETE"], "AllowedHeaders": ["*"] } ] ``` 4. Save the configuration. This setup will allow your Vercel-deployed web page to access resources from the Cloudflare R2 bucket, resolving the CORS error ^{[[3]](https://github.com/lobehub/lobe-chat/blob/main/docs/self-hosting/advanced/s3/cloudflare-r2.mdx)}. *To continue talking to [Dosu](https://dosu.dev), mention @dosu.* --- ^{Help Dosu learn! Give it feedback: [Great Response](https://app.dosu.dev/response-feedback/8f9af444-4f85-4461-898b-e8c246003d3c?feedback_type=great_response) | [Irrelevant Answer](https://app.dosu.dev/response-feedback/8f9af444-4f85-4461-898b-e8c246003d3c?feedback_type=irrelevant_answer) | [Incorrect Sources](https://app.dosu.dev/response-feedback/8f9af444-4f85-4461-898b-e8c246003d3c?feedback_type=incorrect_sources) | [Too Verbose](https://app.dosu.dev/response-feedback/8f9af444-4f85-4461-898b-e8c246003d3c?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/8f9af444-4f85-4461-898b-e8c246003d3c?feedback_type=hallucination) | [Other](https://app.dosu.dev/response-feedback/8f9af444-4f85-4461-898b-e8c246003d3c?feedback_type=other)}

[Bug] Vercel 上部署的服务端数据库版web页面中的缩略图不显示，报跨域CORS错误 #5480

Company

Community

Support

Connect