[React] Set changeOrigin: true for proxied Sitecore requests in con…

…nected mode (#808)

* Set changeOrigin: true for proxied Sitecore requests in React connected mode - resolves 504 (Gateway Timeout) errors

* Add changelog

CHANGELOG.md

@@ -56,6 +56,8 @@ This project does NOT adhere to [Semantic Versioning](https://semver.org/spec/v2
 
 `[samples/angular]` Fix issue where dk-DA language is not rendered in connected and disconnected mode ([#734](https://github.com/Sitecore/jss/pull/734))
 
+`[samples/react]` Fix 504 (Gateway Timeout) errors for proxied Sitecore requests (visitor identification, media, etc) when running in connected mode ([#808](https://github.com/Sitecore/jss/pull/808))
+
 ### Breaking Changes
 
 `[sitecore-jss]` `[sitecore-jss-vue]` `[sitecore-jss-react-native]` `[sitecore-jss-react]` `[sitecore-jss-nextjs]` `[sitecore-jss-angular]` Remove deprecated `dataApi` ([#744](https://github.com/Sitecore/jss/pull/744))

samples/react/src/setupProxy.js

@@ -14,10 +14,10 @@ module.exports = (app) => {
     // when in connected mode we want to proxy Sitecore paths
     // off to Sitecore
 
-    app.use(proxy('/sitecore', { target: config.sitecoreApiHost }));
+    app.use(proxy('/sitecore', { target: config.sitecoreApiHost, changeOrigin: true }));
     // media items
-    app.use(proxy('/-', { target: config.sitecoreApiHost }));
+    app.use(proxy('/-', { target: config.sitecoreApiHost, changeOrigin: true }));
     // visitor identification
-    app.use(proxy('/layouts', { target: config.sitecoreApiHost }));
+    app.use(proxy('/layouts', { target: config.sitecoreApiHost, changeOrigin: true }));
   }
 };