Api is not loading up,json connection failure error 404

[bablu4195-1]

json-server is not loading the products data.
compilation of the data happened successfully.
connection to the database not happening at all
get methods are undefined in browser console code.

how to fix this fetch error

[jenovs]

You’re trying to fetch __rules route which doesn’t exist. You need to create one.
That’s all I can tell from the info you provided.

[bablu4195-1]

please tell me the path where i have to create the rules route.
so that it can fetch the data

[jenovs]

Show the server code. It’s impossible to give any advice based on two non-relevant screenshots.

[bablu4195-1]

here is the api.service.ts

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

@Injectable({
  providedIn: 'root'
})
export class ApiService {

  private SERVER_URL = 'http://localhost:3000/products';

  constructor(private httpClient: HttpClient) { }

// tslint:disable-next-line:typedef
public get() {
  return this.httpClient.get<any[]>(this.SERVER_URL);
}

}

and here is the link to the github

bablu4195-1/R1D1

to find out more about the rest of the files and code

[jenovs]

First, you could try to fetch /products instead of __rules.

[bablu4195-1]

tried in browser console after reloading still undefined.