Adding dev

ui/package.json

@@ -2,6 +2,7 @@
   "name": "ui",
   "version": "0.1.0",
   "private": true,
+  "homepage": ".",
   "dependencies": {
     "@ant-design/pro-form": "^1.69.4",
     "@ant-design/pro-layout": "^6.38.9",

ui/public/config.js

@@ -0,0 +1,3 @@
+window.appConfig = {
+    baseUrl: '/strelkaui' // Default to strelkaui for now. This can be changed to '/whatever' or any other base path as needed.
+};

ui/public/index.html

@@ -11,6 +11,7 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <script src="%PUBLIC_URL%/config.js"></script>
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

ui/src/App.js

@@ -1,22 +1,24 @@
-import React, { Component } from 'react';
-import './App.css';
+import React, { Component } from "react";
+import "./App.css";
 
-import { BrowserRouter } from 'react-router-dom'
-import MainRouter from './routes/MainRouter'
-import AuthenticationProvider from './providers/AuthProvider';
+import { BrowserRouter } from "react-router-dom";
+import MainRouter from "./routes/MainRouter";
+import AuthenticationProvider from "./providers/AuthProvider";
 
-class App extends Component {  
+const baseUrl = window.appConfig ? window.appConfig.baseUrl : "/";
+
+class App extends Component {
   render() {
     return (
       <div className="App">
         <AuthenticationProvider>
-          <BrowserRouter>
-            <MainRouter/>
+          <BrowserRouter basename={baseUrl}>
+            <MainRouter />
           </BrowserRouter>
         </AuthenticationProvider>
       </div>
     );
   }
 }
 
-export default App;
+export default App;