fix(ui): 🐛 workaround cra proxy bug

ref https://github.com/facebook/create-react-app/issues/11762\#issuecomment-1001295074
collinbarrett · Jan 22, 2022 · 3137aa2 · 3137aa2
1 parent fe9eeba
commit 3137aa2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -16,6 +16,7 @@
     "customize-cra": "^1.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
+    "http-proxy-middleware": "^2.0.1",
     "less": "^4.1.2",
     "less-loader": "^7.3.0",
     "prettier": "^2.5.1",
@@ -34,7 +35,6 @@
     "test": "react-app-rewired test",
     "eject": "react-scripts eject"
   },
-  "proxy": "http://localhost:8080",
   "eslintConfig": {
     "extends": [
       "react-app",

diff --git a/web/src/setupProxy.js b/web/src/setupProxy.js
@@ -0,0 +1,11 @@
+const { createProxyMiddleware } = require("http-proxy-middleware");
+
+module.exports = function (app) {
+  app.use(
+    "/api",
+    createProxyMiddleware({
+      target: "http://localhost:8080",
+      changeOrigin: true,
+    })
+  );
+};