Enviroments add

.env.development

@@ -0,0 +1 @@
+REACT_APP_API_URL=https://localhost:7175

.env.production

@@ -0,0 +1 @@
+REACT_APP_API_URL=test

package.json

@@ -15,6 +15,7 @@
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "axios": "^1.2.1",
+    "env-cmd": "^10.1.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "localforage": "^1.10.0",
     "lottie-react": "^2.3.1",
@@ -30,10 +31,10 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start:prod": "env-cmd -f .env.production react-scripts start",
+    "start:dev": "env-cmd -f .env.development react-scripts start",
+    "build:prod": "env-cmd -f .env.production react-scripts build",
+    "build:dev": "env-cmd -f .env.development react-scripts build"
   },
   "eslintConfig": {
     "extends": [

src/services/api-service/ApiBaseService.ts

@@ -14,7 +14,7 @@ import { AuthManager } from "../../utils/helpers/AuthManager";
 
 export abstract class ApiBaseService {
 
-  static readonly BaseUrl: string = "https://localhost:7175";
+  static BaseUrl: string |undefined = process.env.REACT_APP_API_URL;
   static isBusy: boolean = false;
 
   static async sendRequestBase<ResponseModel>(
@@ -27,7 +27,7 @@ export abstract class ApiBaseService {
   ) {
     this.isBusy = true;
     let isUnauthorized: boolean = false;
-
+    debugger
     var response = await axios
       .request({
         baseURL: this.BaseUrl,