Http 모듈을 각도로 사용하는 중에 오류가 발생했습니다.

Question

HttpModule을 사용하여 API를 호출하고 있습니다. 모듈을 가져 오기에 포함 시켰고 내 서버를 시작하는 동안 오류가 발생했습니다 (screeshot을 살펴보십시오). Error Image

내가 사용하는 서비스에서 내 API Http.post를 호출하려고하고 오류가

내 app.module.ts 위에 표시하기 :

import {BrowserModule} from '@angular/platform-browser'; 
import {NgModule} from '@angular/core'; 

import {AppComponent} from './app.component'; 
import {HeaderComponent} from './header/header.component'; 
import {AuthComponent} from './auth/auth.component'; 
import {MarksComponent} from './marks/marks.component'; 
import {SigninComponent} from './auth/signin/signin.component'; 
import {SignupComponent} from './auth/signup/signup.component'; 
import {FormsModule} from '@angular/forms'; 
import {AppRoutingModule} from './app-routing.module'; 
import {AuthService} from './auth/auth.service'; 
import {HttpModule} from '@angular/http'; 

@NgModule({ 
declarations: [ 
AppComponent, 
HeaderComponent, 
AuthComponent, 
MarksComponent, 
SigninComponent, 
SignupComponent 
], 
imports: [ 
BrowserModule, 
FormsModule, 
AppRoutingModule, 
HttpModule 
], 
providers: [AuthService], 
bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

내 서비스 :

import {Router} from '@angular/router'; 
import {Injectable} from '@angular/core'; 
import {Http} from '@angular/http'; 

@Injectable() 
export class AuthService { 
    constructor(private router: Router, private http: Http) { 

    } 
    signUpUser(firstName: string, lastName: string, email: string, password: 
    string) { 
     const body: [] = [firstName, lastName, email, password]; 
     return this.http.post('http://localhost:3000/auth/signup', body).map(data 
    => { 
      data = data.json(); 
      return data; 
     }); 
    } 
} 

Answer 1

그것은 HTTP 문제지만 나쁜 선언은 아니다.

Answer 2

신체 배열에 유형을 지정해야합니다. 예

위한

:

CONST 체 : 모두 [] = [이름, 성, 이메일, 암호];

let body = {conge,user}; 
this.httpClient.post('http://localhost:8080/api/sendconge', body) 
.subscribe(function(data) { 
     console.log(data); 
}); 

세션 객체 간단한 HTTP보다 데이터를 전송하는 것이 좋습니다 :

사용이 몸이 정의 : 제 생각에는

Answer 3

잘못된 방법으로 post 메서드를 사용하고있었습니다. 내 업데이트 된 코드는 다음과 같습니다

signUpUser(firstName: string, lastName: string, email: string, password: string) { 
// const body: [] = [firstName, lastName, email, password]; 
const body = { 
    firstName: firstName, 
    lastName : lastName, 
    email : email, 
    password : password 
    }; 
return this.http.post('http://localhost:3000/auth/signup', body); 

}