ChromeとFirefoxでERR_CONNECTION_REFUSEDを取得していますか？

Question

私はAngular2ウェブサイトを開発中です。 IEでは正常に動作していますが、ChromeとFirefoxでERR_CONNECTION_REFUSEDエラーが発生しています。

以下

マイコードです：以下

<div class="log_wrap"> 
      <div class="log_img"></div> 
      <ul class="log_list"> 
      <li>USER ID<br> 
       <input class="log_input" placeholder="Login ID" id="LoginID" type="text"> 
      </li> 
      <li>PASSWORD<br> 
       <input class="log_input" placeholder="*******" id="password" type="password"> 
      </li> 

      <li> 
       <input type="button" class="reset_but" value="Reset"/> 
       <input type="button" class="log_but" value="Login" (click)="login_btnClick()"/> 
      </li> 
      </ul> 
     </div> 

私home.component.tsです：

export class HomeComponent { 
    homes: IHome[]; 
    home: IHome; 
    msg: string; 
    indLoading: boolean = false; 
    constructor(private fb: FormBuilder, private _homeService: HomeService, private router: Router) { } 

    login_btnClick() { 
     var Domain = "sgl"; 
     var Username = ((document.getElementById("LoginID") as HTMLInputElement).value); 
     var Password = ((document.getElementById("password") as HTMLInputElement).value); 
     this._homeService.get(Global.BASE_USER_ENDPOINT + '/ValidateEmployee?Domain=' + Domain + '&Username=' + Username + '&Password=' + Password) 
      .do(data => sessionStorage.setItem('session', Username)) 
      .subscribe(homes => { 
       this.homes = homes; 
       this.indLoading = false; 
       var NT = sessionStorage.getItem('session'); 
       //this.router.navigateByUrl('/user'); 
       this.EmpDetails(); 
      }, 
      error => this.msg = <any>error); 
    } 
} 

以下

以下

は私home.component.htmlです私のです家.ts：

export interface IHome { 
    EmpName: string, 
    EmpNumber: string, 
    EmailId: string, 
    Id: number, 
    FirstName: string, 
    LastName: string, 
    Gender: string 
} 

そして、以下の私のhome.service.tsです：このコードはIEで完璧に動作していて、そのはERR_CONNECTION_REFUSEDエラーを取得してGoogleのChromeとFirefox.I'mで働いていない

export class HomeService { 
    constructor(private _http: Http) { } 
    get(url: string): Observable<any> { 
     return this._http.get(url) 
      .map((response: Response) => <any>response.json()) 
      //.do(data => console.log("All: " + JSON.stringify(data))) 
      .catch(this.handleError); 
    } 

。ここで

は私の角度-cli.jsonです： 角度-cli.json

{ 
     "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
     "project": { 
     "name": "i-roz-ui" 
     }, 
     "apps": [ 
     { 
      "root": "src", 
      "outDir": "dist", 
      "assets": [ 
      "assets", 
      "favicon.ico" 
      ], 
      "index": "index.html", 
      "main": "main.ts", 
      "polyfills": "polyfills.ts", 
      "test": "test.ts", 
      "tsconfig": "tsconfig.app.json", 
      "testTsconfig": "tsconfig.spec.json", 
      "prefix": "app", 
      "styles": [ 
      "styles.css" 
      ], 
      "scripts": [], 
      "environmentSource": "environments/environment.ts", 
      "environments": { 
      "dev": "environments/environment.ts", 
      "prod": "environments/environment.prod.ts" 
      } 
     } 
     ], 
     "e2e": { 
     "protractor": { 
      "config": "./protractor.conf.js" 
     } 
     }, 
     "lint": [ 
     { 
      "project": "src/tsconfig.app.json", 
      "exclude": "**/node_modules/**" 
     }, 
     { 
      "project": "src/tsconfig.spec.json", 
      "exclude": "**/node_modules/**" 
     }, 
     { 
      "project": "e2e/tsconfig.e2e.json", 
      "exclude": "**/node_modules/**" 
     } 
     ], 
     "test": { 
     "karma": { 
      "config": "./karma.conf.js" 
     } 
     }, 
     "defaults": { 
     "styleExt": "css", 
     "class": { 
      "spec": false 
     }, 
     "component": { 
      "spec": false 
     }, 
     "directive": { 
      "spec": false 
     }, 
     "guard": { 
      "spec": false 
     }, 
     "module": { 
      "spec": false 
     }, 
     "pipe": { 
      "spec": false 
     }, 
     "service": { 
      "spec": false 
     } 
     } 
    } 

Answer 1

パラメータでChromeを実行してみてください：--disable-ウェブセキュリティ