Почему мое приложение не вызывает localhost:3000, как указано в proxy.config.json?

Question

Я пытаюсь вызвать API по адресуlocalhost:3000/rooms. Поэтому я создал файл с именемproxy.config.jsonвнутриsrcпапка такая:

      {
    "/rooms": {
      "target": "http://localhost:3000",
      "secure": false
    }
}

Я также изменил этот код вangular.jsonслишком:

      "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          
          "configurations": {
            "production": {
              "browserTarget": "HotelManagement:build:production"
            },
            "development": {
              "browserTarget": "HotelManagement:build:development",
              "proxyConfig": "src/proxy.config.json"
            }
          },
          "defaultConfiguration": "development"
        }

API создан в Mockoon и предоставляет множество комнат. Когда я обычно вызываю его из браузера, он выдает правильный вывод, но в угловом формате. Ему не звонят. Я не хочу устанавливать локальную переменную в службе, говоряlocalhost:3000потому что тогда у меня возникнет проблема с CORS, а также это не очень хорошая практика (кто-то сказал).

Ну, это мой сервисный код:

      import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})

export class RoomsService {

  getRooms(): Observable<any>{
    console.log("Calling Get...")
    return this.http.get('/');
  }

  constructor(private http:HttpClient) { }
}

Ошибки следующие:

Я даже пытался это сделатьhttp.get.get('/rooms')но это абсурд, я думаю, потому что он всегда вызывает этоlocalhost:4200(где работает angular).

Что мне теперь делать??