React Proxy | Easiest Fix to CORS Errors


This video is part of the following playlists:


Proxying API Requests in Development using Vite, Parcel, or Create React App. If your plan is to host your react app from the same origin as your web server, then this is super helpful. Conveniently, this also avoids CORS issues. I'll also show you how to deploy your react app using your express server and railway.

This is video #8 in my react series: https://www.youtube.com/playlist?list=PL0X6fGhFFNTe_vJIlAQQo0IEgPgk9er3g

Chapters:

  • 0:00โ€‹ Intro
  • 2:56 CORS
  • 3:38 Deploying a React App
  • 7:04 What is React Proxy
  • 8:10 Adding a Proxy
  • 11:14 Building the app for production
  • 13:10 Deploying the app into production
  • 15:13 Summary

๐Ÿ”—The Docs https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Origin https://create-react-app.dev/docs/proxying-api-requests-in-development/ https://vitejs.dev/config/server-options.html#server-proxy https://parceljs.org/features/development/#api-proxy

Find an issue with this page?ย Fix it on GitHub