From 5e7dba451a1dbf5e99eda7b2ed4799cfdf6b7a9e Mon Sep 17 00:00:00 2001 From: Hasan Ayan Date: Thu, 19 Aug 2021 23:41:52 +0300 Subject: [PATCH 1/2] allow CORS on webpack-dev-server --- packages/react-scripts/config/webpackDevServer.config.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/react-scripts/config/webpackDevServer.config.js b/packages/react-scripts/config/webpackDevServer.config.js index 1be01b1155a..7c42124c503 100644 --- a/packages/react-scripts/config/webpackDevServer.config.js +++ b/packages/react-scripts/config/webpackDevServer.config.js @@ -123,5 +123,10 @@ module.exports = function (proxy, allowedHost) { // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432 devServer.app.use(noopServiceWorkerMiddleware(paths.publicUrlOrPath)); }, + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': '*', + 'Access-Control-Allow-Headers': '*', + }, }; }; From 40b0fea8ca2a7a8fb61dc1e2ca3633c65e358ad6 Mon Sep 17 00:00:00 2001 From: Hasan Ayan Date: Fri, 3 Sep 2021 13:04:23 +0300 Subject: [PATCH 2/2] re-position header config on webpackDevServer config --- .../react-scripts/config/webpackDevServer.config.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/react-scripts/config/webpackDevServer.config.js b/packages/react-scripts/config/webpackDevServer.config.js index 7c42124c503..154af524f2a 100644 --- a/packages/react-scripts/config/webpackDevServer.config.js +++ b/packages/react-scripts/config/webpackDevServer.config.js @@ -44,6 +44,11 @@ module.exports = function (proxy, allowedHost) { // Note: ["localhost", ".localhost"] will support subdomains - but we might // want to allow setting the allowedHosts manually for more complex setups allowedHosts: disableFirewall ? 'all' : [allowedHost], + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': '*', + 'Access-Control-Allow-Headers': '*', + }, // Enable gzip compression of generated files. compress: true, static: { @@ -123,10 +128,5 @@ module.exports = function (proxy, allowedHost) { // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432 devServer.app.use(noopServiceWorkerMiddleware(paths.publicUrlOrPath)); }, - headers: { - 'Access-Control-Allow-Origin': '*', - 'Access-Control-Allow-Methods': '*', - 'Access-Control-Allow-Headers': '*', - }, }; };