Use the host of the gui for the host of the api endpoint

Author: hlxid

src/app/app.module.ts

@@ -3,7 +3,7 @@ import {BrowserModule} from "@angular/platform-browser";
 import {AppRoutingModule} from "./app-routing.module";
 import {AppComponent} from "./app.component";
 import {DashboardModule} from "./pages/dashboard";
-import {ApiModule} from "chatoverflow-api";
+import {ApiModule, BASE_PATH} from "chatoverflow-api";
 import {HttpClientModule} from "@angular/common/http";
 import {BetterREPLComponent} from "./pages/betterrepl/betterrepl.component";
 import {ThemeModule} from "../theme/theme.module";
@@ -21,7 +21,12 @@ import {ReactiveFormsModule, FormsModule} from "@angular/forms";
     FormsModule,
     ReactiveFormsModule
   ],
-  providers: [],
+  providers: [
+    {
+      provide: BASE_PATH,
+      useValue: `http://${window.location.hostname}:2400`
+    }
+  ],
   bootstrap: [AppComponent],
 })
 export class AppModule {