Vuejs 303 redirect

Question

In my Vuejs application on calling API to make a payment and I get 303 as status code and In the header, I can see Location:

http://local.xyz.in:1024/payment-success

In the browser's network console, I can see log for

http://local.xyz.in:1024/payment-success

but the page doesn't redirect to payment-success page and show following error on the console

Failed to load http://local.xyz.in:1024/payment-success: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Thank you in advance.

Answer 1

You are running into CORS issues. There are several ways to fix/workaround this.

• Turn off CORS. For example how to turn off cors in chrome
• Use a plugin for your browser