GET https://localhost/api/list.php net :: ERR_CONNECTION_REFUSED с угловым соединением mysql с php

Question

Ну, я новичок в подключении mysql к php с угловым сервисом и поэтому сталкиваюсь с этими проблемами.Пытаюсь подключить mysql используя php в angular.В угловом у меня есть сервисный код:

import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';

import { Observable, throwError } from 'rxjs';
import { map, catchError } from 'rxjs/operators';

import { Cityweather } from './cityweather';

@Injectable({
  providedIn: 'root'
})
export class CityweatherService {
  constructor(private http: HttpClient) { }

  baseUrl = 'https://localhost/api'; 
  cityweathers: Cityweather[];

getAll(): Observable<Cityweather[]> {
  return this.http.get(`${this.baseUrl}/list.php`).pipe(
    map((res) => {
      this.cityweathers = res['data'];
      return this.cityweathers;
  }),catchError(this.handleError));
}

private handleError(error: HttpErrorResponse) {
  console.log(error);
  // return an observable with a user friendly message
  return throwError('Error! something went wrong.');
}

}

Вот файл connection.php, который я использую для подключения к mysql.

<?php
// db credentials
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
define('DB_PASS', 'xyz');
define('DB_NAME', 'test');

// Connect with the database.
function connect()
{
  $connect = mysqli_connect(DB_HOST ,DB_USER ,DB_PASS ,DB_NAME);

  if (mysqli_connect_errno($connect)) {
    die("Failed to connect:" . mysqli_connect_error());
  }

  mysqli_set_charset($connect, "utf8");

  return $connect;
}

$con = connect();
?>

Заранее спасибо за вашу помощь.