ReactJS Axios 外部 API CORS

Question

I'm using external API inside my React Project
But i got CORS Error there
When i'm googling, there are many article suggest to setup the CORS at the backend server
But in my case, i'm using external API which is i can't control their backend to add the CORS there
Can i disable it on the frontend or inside the browser only without touching the backend?
This is the Error code

Access to XMLHttpRequest at 'https://externaldomain.com' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

Answer 1

If the API is not configured with the correct CORS settings, and it is not your API, one of the solutions is to use a proxy that is configured to handle the request with the correct CORS headers.

It will look like this:

You can configure your own proxy or you can use a ready one like this (please note that the author of this proxy asks not to overuse is so if it is a big application you should set your own):

https://thingproxy.freeboard.io/fetch/https://externaldomain.com