如何在不通过浏览器的情况下从 React 调用 REST API

Question

I am making a REST API call from my React application and am running into the following problem:

Access to XMLHttpRequest at '[API LOCATION]' from origin '[APPLICATION LOCATION]' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

How can I make the REST API call from my react client without the browser interfering? Where do I move the code?

Answer 1

I have solved this by calling a Google Firebase function (see https://firebase.google.com/docs/functions ) from my React client. The Firebase function makes the REST API call and then returns the result back to the React client.