Member-only story

How to Solve the CORS Issue in a Create React App Project with a Proxy

Jorge Freitas
3 min readMay 6, 2023
Photo by Markus Spiske on Unsplash

If you’ve ever made a fetch request from a Create React App project to a different domain than the one that served the page, you might have encountered the CORS (Cross-Origin Resource Sharing) issue.

This is a security mechanism implemented by web browsers to prevent web pages from making requests to a different domain than the one that served the page.

When you make a request from your React app to a different domain, the browser may block the request if the server does not explicitly allow CORS.

In this article, we’ll explore how to solve the CORS issue in a Create React App project using a proxy. A proxy is a server that acts as an intermediary between your client and the target server. By using a proxy, you can forward the requests from your client to the target server through the proxy server, which allows you to bypass the CORS issue.

There are two ways to use a proxy in a Create React App project: using a setupProxy.js file or adding a proxy in the package.json file. We'll cover both methods in this article.

Using a setupProxy.js File

The setupProxy.js file is a special file that allows you to configure a proxy in a Create React App project. Here are the steps to use a…

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Responses (2)

Write a response