If you’ve built a web app that requires data from a different domain, you’re likely familiar with the browser’s same-origin policy and CORS. In this article, we’ll explore how to bypass CORS issues using the proxying capabilities in React Boilerplate.
https://www.youtube.com/watch?v=KBPCoGsQ920
CORS stands for Cross-Origin Resource Sharing, and it’s a security mechanism that prevents browsers from loading resources from domains other than the one they’re currently on. This helps keep malicious code out of web applications, but sometimes legitimate requests get blocked too!
Fortunately, http-proxy-middleware library comes with an easy solution: proxying.
A proxy is basically a go-between between your domain and another one. With http-proxy-middleware library, you can set up a reverse proxy by adding a configuration in your project. In this configuration, specify the hostname or IP address where the external resource will be requested from, as well…