diff --git a/web/package-lock.json b/web/package-lock.json
index 63890cf4b..35fbfa6ea 100644
Binary files a/web/package-lock.json and b/web/package-lock.json differ
diff --git a/web/package.json b/web/package.json
index 375cf09f6..8f21afb0c 100644
--- 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
new file mode 100644
index 000000000..e75a3531a
--- /dev/null
+++ 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,
+    })
+  );
+};