http.post不能在角2中工作

爲什麼我的http.post不能在角2中工作。只是不知道我一直在想什麼。http.post不能在角2中工作

這裏是login.component.ts文件

export class LoginComponent implements OnInit{ 
model: any = {}; 
loading = false; 

constructor(
    private router: Router, 
    private authenticationService: AuthenticationService, 
    private alertService: AlertService 
){} 

ngOnInit(){ 
    // reset login status 
    this.authenticationService.logout(); 
} 

login(){ 
    let errMsg: string; 
    this.loading = true; 
    this.authenticationService.login(this.model.username, this.model.password) 
     .subscribe(
      data => { 
       console.log('Success'); 
       //this.router.navigate(['/']); 
      }, 
      error => { 
       console.log('Error'); 
       this.loading = false; 
      } 
     ); 
}

這裏是authentication.service.ts

@Injectable() 
export class AuthenticationService{ 

private baseUrl = '..'; 

constructor(private http: Http){} 

login(username: string, password: string): Observable<Response>{ 
    let body = JSON.stringify({username: username, password: password}); 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers}); 
    const url = `${this.baseUrl}/api/auth/login`; 

    return this.http.post(url, body, options) 
     .map(this.extractData) 
     .catch(this.handleError); 

} 

logout(){ 
    // remove user from local storage to log user out 
    localStorage.removeItem('currentUser'); 
} 

private extractData(res: Response) { 
    let body = res.json(); 
    return body.data || { }; 
} 

private handleError (error: Response | any) { 
    // In a real world app, we might use a remote logging infrastructure 
    let errMsg: string; 
    if (error instanceof Response) { 
     const body = error.json() || ''; 
     const err = body.error || JSON.stringify(body); 
     errMsg = `${error.status} - ${error.statusText || ''} ${err}`; 
    } else { 
     errMsg = error.message ? error.message : error.toString(); 
    } 
    console.error(errMsg); 
    return Observable.throw(errMsg); 
}

這裏是路線文件

const appRoutes: Routes = [ 
{ path: '', component: LoginComponent }, 
{ path: 'home', component: HomeComponent, canActivate: [AuthGuard] }, 
{ path: 'login', component: LoginComponent }, 

    // otherwise redirect to home 
    { path: '**', redirectTo: '' } 
]; 

@NgModule({ 
    imports: [ RouterModule.forRoot(appRoutes) ], 
    exports: [ RouterModule ] 
}) 

export class AppRoutingMoudle{}

任何幫助將是讚賞。謝謝！

來源

2016-11-29 user3127109

任何錯誤使用它呢？ 'AuthenticationService'上面有'Injectable'裝飾器嗎？ –

不，這裏有一些錯誤，但我的應用程序很快就會登錄到登錄頁面。還有更多。我在URL上得到這個：http：// localhost：3000 /？username = test＆password = test。那麼，爲什麼它會在URL中顯示參數，因爲它是一個post請求 – user3127109

告訴我你打算在調用API時在URL中看到什麼。 –

import { Injectable } from '@angular/core'; 
import {Headers, Http, Response,RequestOptions} from '@angular/http'; 
import 'rxjs/add/operator/toPromise'; 
import {Observable} from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/catch'; 


@Injectable()

進口這些你的服務上面，然後做它的構造

constructor(private _http:Http) { }

然後遵守前面在控制檯this._http.post

來源

2016-11-29 11:56:46 Ash

http.post不能在角2中工作

回答

相關問題