Vercel Blocks Chapa Payment Checkout URL

[tumsidohomacho-gmail (Tumsidohomacho Gmailcom)]

I’m working on a small project where I’ve integrated the Chapa payment gateway. After initiating the payment, Chapa returns a checkout URL, which I attempt to load in an <iframe>.

This works perfectly in local development, but when deployed on Vercel (V0 platform), I get the following error:

To resolve this, I tried updating my Next.js configuration like this:

However, this doesn’t seem to have any effect on the deployed version. I’ve verified that Chapa is not the issue since everything works locally without needing any CSP adjustments.

My questions:

1. Am I missing something in the next.config.js setup to make CSP updates effective on Vercel?
2. Is there a specific way to set or override CSP headers on Vercel (especially on V0)?
3. Could there be another layer (e.g. Vercel’s default headers or proxy) overriding my configuration?

I’d greatly appreciate any guidance or support on this issue.

Thank you!

[system]

Did you know there’s another category dedicated to v0 topics? A human should be here soon to help, but the answer may already be available even faster in one of these other posts.

Our docs are a great place to start.

v0

We also have a walkthrough to help guide your workflow.

Become a v0 expert

Getting Started Using v0 is like chatting with a frontend engineer, who takes in your design guidelines and creates an application for you. A common workflow with v0 is putting in design files and images to scaffold your application and then use text prompts to nudge v0 into creating your perfect application. Remember, just like any other AI tool, the quality of the output that v0 generates depends on the quality of the prompt or instructions you input. So, it’s important to be clear, descripti…

And these recordings can give you a look at v0 features and strategies in action shown by our Community:

https://community.vercel.com/tags/c/events/42/v0