2017-12-18 2 views
0

Ich entwickle Angular2 Website. Es funktioniert gut in IE, aber ich erhalte ERR_CONNECTION_REFUSED Fehler in Chrome und Firefox.ERR_CONNECTION_REFUSED in Chrome und Firefox erhalten?

Unten ist mein Code:

Unten ist mein home.component.html:

<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> 

Unten ist mein 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); 
    } 
} 

Below ist mein home.ts:

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

Und unten ist mein home.service.ts:

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); 
    } 

dieser Code perfekt in IE arbeitet und seine Arbeit nicht in Google Chrome und Firefox.I'm ERR_CONNECTION_REFUSED Fehler.

Hier ist meine Winkel cli.json: Winkel 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 
     } 
     } 
    } 
+0

Sie überprüfen Hat irgendwelche Fehler in der Browser-Konsole? –

+0

@VinodBhavnani bekommen ERR_CONNECTION_REFUSED Fehler allein in der Konsole – Depi

+0

"Cross Origin Resource Sharing" kommt in den Sinn. Läuft Ihr Server in einer anderen Herkunft? – Carsten

Antwort

0

Bitte versuchen Sie es mit Chrom Parameter auszuführen: --disable-Web-Sicherheit

+0

Jetzt bekomme ich nur noch Cross Origin Resource.vor, dass ich ERR_CONNECTION_REFUSED Fehler habe. – Depi

+0

Bitte sehen Sie hier https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS –

Verwandte Themen