How to disable cors in chrome Mac

Question

I keep getting the below error when developing my ionic app. It's an authorization header not allowed by the backend.

Solutions tried:

I use the chrome cors plugin here: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

as well as started chrome disabling web security as below

open -a Google\ Chrome --args --disable-web-security --user-data-dir

Set up a ionic proxy as in this post: https://stackoverflow.com/a/41863260/838355

but I still can't bypass cors check, the error persists. Need some help.

Maybe a stupid question, but did you also enable the chrome plugin? (click on the icon top right). I once used the plugin successfully on localhost, too. — MoxxiManagarm, Aug 19 '19 at 07:31

Seeta Ram Yadav · Answer 1 · 2021-10-12T16:13:20.247

If you want to disable the CORS on chrome on mac you can run this command on your terminal/Item. it will open a new instance of chrome and all the tabs of this instance will have disabled the CORS. So you can run your application here for testing. I hope this you are doing just for testing your APIs and you know this is not a permanent fix. Also, remember this is disabling your web security. so I think this is a good option for testing your API when you are not worried about the security and you will have all the web security place when you are going to run your application on another environment like dev, and qa, and prod.

open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security

this is very useful when you are waiting backend to correct security policy — Davide Carpini, Oct 27 '21 at 09:26

Artem Arkhipov · Accepted Answer · 2019-08-19T07:55:36.817

Check the version of your Chrome browser. Probably it is one with a bug. Here are bug reports posted on May about this feature not working: https://bugs.chromium.org/p/chromium/issues/detail?id=857032

I have faced the same issue few weeks ago and here is how I managed to get disabled CORS: Firstly download the Chromium browser or Chrome canary browser, which are actually very good for developers (I user chromium, but it is up to you): https://www.google.com/intl/en/chrome/canary/ or https://download-chromium.appspot.com/

Then:

Install browser
If you run browser - close it and make sure that there is no more running instances
Then run it with such command: open -a ChromiumOrCanaryPathHere --args --disable-web-security --user-data-dir"

Now it should work. You probably will see warning message about security on the top of the window - that is OK.

P.S. Probably just updating chrome to latest version can help, but I prefer approach with separate browser as it is more secure because I can isolate not secure browser from my default browser.

thank you, Canary release works! Tried upgrading the regular chrome flavor and launched with disabled security, but that didn't help. — ir2pid, Aug 19 '19 at 07:59

score 0 · Answer 3 · answered Aug 19 '19 at 07:45

CORS needs to be handled from the backend, Mostly is use this extension and it works https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-ntp-icon but still backend needs to handle CORS for ionic applications

How to disable cors in chrome Mac

3 Answers3