Ошибки при создании запроса на получение HttpClient от Angular Front-End к Node.js Back-End

Question

Я получаю сообщение об ошибке: не удается получить / отобразить URL-адрес моего локального хоста при попытке сделать запрос на получение HttpClient от моего внешнего интерфейса в Angular к моей конечной точке в Node.js. Моя внутренняя конечная точка отображает правильные данные из базы данных MongoDB, но я сталкиваюсь с этими проблемами при попытке подключить внутреннюю часть к внешнему интерфейсу.

Внутренний код узла:

app.get("/temp/route1", (req, res, next) => {
   myDatabaseCollection.find({ number: "10" }).then(pages => {
      res.status(200).json({
        items: pages
      });
    });
  });

Угловой код в app.component.ts (адаптировано из: Как сделать почтовый запрос от углового на сервер узла ):

import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})

export class AppComponent {
  title = 'my-tool';
  user = { id : 1, name : "Hello"};

  getData() {
    this.http.get('http://localhost:1025/temp/route1', JSON.stringify(this.user), {})
    .subscribe(data => {
      console.log(data);
    });
  }
}

Спасибо, и было бы здорово, если бы кто-нибудь смог мне помочь с этим!

Answer 1

добавить конструктор constructor(private http: HttpClient) { }

import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})

export class AppComponent {
  title = 'my-tool';
  user = { id : 1, name : "Hello"};

constructor(private http: HttpClient) { }

  getData() {
    this.http.get('http://localhost:1025/temp/route1', JSON.stringify(this.user), {})
    .subscribe(
       (response: any) => {
          console.log(response);
        },
        (error: any) => {
         console.log(error);
        }
    );
  }
}