1.0InnovationM - Bloghttps://www.innovationm.com/blogInnovationM Adminhttps://www.innovationm.com/blog/author/innovationmadmin/rich600338<blockquote class="wp-embedded-content" data-secret="OJ27wO8vLt"><a href="https://www.innovationm.com/blog/cors-react-js/">CORS – React JS</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.innovationm.com/blog/cors-react-js/embed/#?secret=OJ27wO8vLt" width="600" height="338" title="“CORS – React JS” — InnovationM - Blog" data-secret="OJ27wO8vLt" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> https://www.innovationm.com/blog/wp-content/uploads/2022/02/cors-issue-reactjs-1024x576.png1024576CORS stands for Cross-Origin Resource Sharing. It is basically a mechanism that uses HTTP headers to tell the browser whether a specific web app can share resources with another web app or not. Here Both the web apps should have different origins because if they have the same origin then they can share the resources […]