I am trying to integrate instamojo payment gateway with framework7. I just wrote a script based on https://docs.instamojo.com/page/seamless-checkout page. I declared a function while calling that function i was able to render instamojo payment page but in console i am getting error “Uncaught DOMException: Blocked a frame with origin “https://instamojo.com” from accessing a cross-origin frame.” when i close that rendered payment page app become blank white screen.
kindly let me know how to handle this and Thanks in advance.
How are you testing this, on your production server on localhost, or using local file system?
Be aware that CORS errors can be encountered when you’re not testing from your production server, or if your remote API (in this case the Instamojo API) blocks requests from localhost. You may need to log in to your Instamojo account and add your current IP address to a whitelist of safe domains.
This is not a problem specific to F7, it is a security function built into modern browsers. Check out https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS for more information.
1 Like