How to Handle CORS (Cross-Origin) and embed BubbleApp?

Hi Everyone,

I’ve seen many posts with no replies to this case so I re-ask if someone as a solution.

I’m loading my bubbleapp with an iframe, but I want to load it fully embed on my website without iframe. I’m looking for loading it with JS.

But when I try, I have an issue : Reason: CORS header ‘Access-Control-Allow-Origin’ missing

Does anyone know how I can do ? Or have another solution ?

Thank you for your help :slight_smile:

3 Likes

Hi, have you found a solution to this issue? :slight_smile:

1 Like

Yeah mate having exactly the same problem. Anyone found a solution?

Interestingly enough, CORS works on Mac devices. So if you use chrome, safari or firefox on a apple device CORS works. I suspect this is something to do with polyfills and iframes. I’m aware the browsers implementations on iOS and MacOS implement iframes differently to windows and ubuntu.

3 Likes

Does anyone have a solution for this?

2 Likes

Hi Guys,
Does anyone have a solution for this?

3 Likes

Have you checked this setting under General?
“Allow to render the app in a frame/iframe (X-Frame-Options)” should be set to “Allow All Iframes”.

1 Like