http - lite-server が外部の get リクエストに対して機能しない

Question

lite-server を使用して Angular 2 アプリケーションを実行しています。get リクエストを実行しようとすると、外部リンクに対して 404 エラーが発生します。ディレクトリ内のファイルに正常にアクセスできます。

Response {_body: Object, status: 404, ok: false, statusText: "Not Found",     headers: Headers…}
 _body:Object
 headers:Headers 
 ok:false
 status:404
 statusText:"Not Found"
 type:2
url:null

プロト:本体

get リクエスト コードを使用した構成要素は次のとおりです。

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { BreadcrumbService } from './breadcrumbService';
import 'rxjs/add/operator/map';

import { Http, Response, RequestOptions, Headers } from '@angular/http';
@Component({
  moduleId: module.id,
  providers: [ BreadcrumbService],
  templateUrl: 'html/appList.html',
  styleUrls: ['css/list.css']

})
export class HealthComponent {
  constructor(private http: Http) {
    this.http = http;
    this.http.get('https://jsonplaceholder.typicode.com/')
    .map(response => response.json())
    .subscribe(
      function(response) { console.log(response)},
      function(error) { console.log("Error happened " + error)},
      function() { console.log("the subscription is completed")}
  );
 }

}

ここに示すように、bs-config.js ファイルを構成しようとしました。

https://github.com/johnpapa/lite-server/issues/100

しかし、それが私の問題の原因であるかどうかはわかりません。そのファイルは次のとおりです。

var proxy = require('http-proxy-middleware');
var apiProxy = proxy('/api',              {target:'http://jsonplaceholder.typicode.com/posts/1', changeOrigin: true});
module.exports = {
  "port": 8000,
  // "files": ["./src/**/*.{html,htm,css,js}"],
  "server": {
    middleware: {
      1:apiProxy
    },
    "baseDir": [
      // "./src",
       "./"
    ]
   }
 };

どんな助けでも大歓迎です！