Cors Policy blocked

Hi flutterwave,’ from origin ‘’ has been
blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.
{“status”:“error”,“message”:“Authorization required”,“data”:null}

this my code:

 $('#pay').click(function makePayment() {
                    public_key: "{{public_key}}",
                    tx_ref: "{{ payment.transaction_id }}",
                    amount: parseFloat('{{ order.get_cart_total_price }}'),
                    currency: "{{currency}}",
                    redirect_url: "",
                    customer: {
                        email: "{{}}",
                        phone_number: "{{ request.user.profile.phone_number }}",
                        name: "{{ request.user.get_full_name }}",
                    customizations: {
                        title: "HOOYIA MARKET",
                        description: "Payment on HooYia easy life",
                        logo: "",

I’m getting this error when trying to lunch inline flutterwave

please need help

Hi @Donald_Programmeur

Thank you for choosing Flutterwave.

The errors are as a result of your implementation being served locally.

Here are a few ways to prevent this error.

  1. if you are making use of an html file do not serve it . simply open the file on browser via the full file path. for example file:///Usr/johndoe/Document/inline/index.html
  2. if you do need to serve your files i would recommend using services like Gitpod or Github Codespaces that are more suitable development environments.


Hi @Abraham_Olaobaju
thank you
I hosted the app and it working well


1 Like