Webpack quality of life improvements for dev mode (#4980)

src/main/router/router.injectable.ts

@@ -3,6 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
+import isDevelopmentInjectable from "../../common/vars/is-development.injectable";
+import httpProxy from "http-proxy";
 import { Router } from "../router";
 import routePortForwardInjectable
   from "../routes/port-forward/route-port-forward/route-port-forward.injectable";
@@ -10,9 +12,15 @@ import routePortForwardInjectable
 const routerInjectable = getInjectable({
   id: "router",
 
-  instantiate: (di) => new Router({
-    routePortForward: di.inject(routePortForwardInjectable),
-  }),
+  instantiate: (di) => {
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const proxy = isDevelopment ? httpProxy.createProxy() : undefined;
+
+    return new Router({
+      routePortForward: di.inject(routePortForwardInjectable),
+      httpProxy: proxy,
+    });
+  },
 });
 
 export default routerInjectable;