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.
Check out my entire 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
🔗Moar Links
My Website: https://sammeechward.com
Instagram: https://www.instagram.com/meech_ward
Twitter: https://twitter.com/Meech_Ward
Github: https://github.com/orgs/Sam-Meech-Ward
