proxy js added

Author: actionanand

package.json

@@ -4,7 +4,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "develop": "ng serve --proxy-config proxy.json",
+    "develop": "ng serve --port 5600 --proxy-config proxy.conf.js",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "build:gh": "ng build --base-href /angular-http-project/",

proxy.conf.js

@@ -0,0 +1,25 @@
+// var defaultTarget = 'http://localhost:3000';
+var defaultTarget = 'https://3000-actionanand-angularhttp-six5y8k89a8.ws-us116.gitpod.io';
+
+module.exports = [
+  {
+    context: ['/api/v2/*'],
+    target: defaultTarget,
+    secure: false,
+    logLevel: 'debug',
+    changeOrigin: true,
+    pathRewrite: {
+      '^/api/v2/': '/',
+    },
+  },
+  {
+    context: ['/api/v2/**'],
+    target: defaultTarget,
+    secure: false,
+    logLevel: 'debug',
+    changeOrigin: true,
+    pathRewrite: {
+      '^/api/v2/': '/',
+    },
+  },
+];

proxy.json

@@ -1,20 +1,20 @@
 {
   "/api/v2/*": {
-    "target": "https://3000-actionanand-angularhttp-six5y8k89a8.ws-us116.gitpod.io",
+    "target": "http://localhost:3000",
     "secure": false,
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {
       "^/api/v2/": "/"
     }
   },
-  "/api/v1/*": {
+  "/api/v2/**": {
     "target": "http://localhost:3000",
     "secure": false,
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {
-      "^/api/v1/": "/"
+      "^/api/v2/": "/"
     }
   }
 }

src/app/places/user-places/user-places.component.html

@@ -8,7 +8,7 @@
   }
 
   @if (places()) {
-    <app-places [places]="places()!" (selectPlace)="onSelectPlaceRemoce($event)" />
+    <app-places [places]="places()!" (selectPlace)="onSelectPlaceRemove($event)" />
   } @else if (places().length === 0) {
     <p class="fallback-text">Unfortunately, no places could be found.</p>
   }

src/app/places/user-places/user-places.component.ts

@@ -37,7 +37,7 @@ export class UserPlacesComponent implements OnInit {
     this.destroyRef.onDestroy(() => availablePlaceSub.unsubscribe());
   }
 
-  onSelectPlaceRemoce(place: Place) {
+  onSelectPlaceRemove(place: Place) {
     const removePlSub = this.placeServ.removeUserPlace(place).subscribe({
       next: resp => console.log('Place renoved! ', resp),
     });

src/environments/environment.development.ts

@@ -1,3 +1,4 @@
 export const environment = {
   backendUrl: 'https://3000-actionanand-angularhttp-six5y8k89a8.ws-us116.gitpod.io/',
+  // backendUrl: 'http://localhost:3000/',
 };

src/environments/environment.ts

@@ -1,3 +1,3 @@
 export const environment = {
-  backendUrl: 'https://3000-actionanand-angularhttp-six5y8k89a8.ws-us116.gitpod.io/',
+  backendUrl: 'http://localhost:3000/',
 };