Angular 4에서 HTTP를 통해 POST 요청을 보낼 수 없습니다.

안드레이 다스 칼루

백엔드에서 REST API로 작은 Angular 프런트 엔드 지원을 구축하고 있지만 매우 이상한 문제가 발생했습니다. http.post (url, data, params)를 수행하면 아무 일도 일어나지 않습니다 (요청이 webserver, Chrome 개발자 도구에는 this.http.get () 요청과 달리 기록 된 요청이 전혀 없습니다. 동일한 서버의 URL에 대해 잘 작동합니다).

export class RestComponent {

    constructor ( private http: Http ) {}
    sendStuff() {
        let headers = new Headers({ 'Content-Type': 'application/json' });
        let options = new RequestOptions({ headers: headers });

        this.http.post('http://localhost:3021/api/data', {'data': 3}, options)
            .catch(this.handleError);
    }
}
  • CORS가 서버에서 활성화 됨
  • URL의 this.http.get이 예상대로 작동합니다.
  • 요청이 전송되었다는 증거가 서버 로그에 없습니다.
  • Chrome 개발자 도구에 요청이 전송되었다는 증거가 없습니다 (해당 게시 요청 없음).
  • .post () 호출 직전에 메서드에 항목을 로깅하면 모든 것이 예상대로 (헤더, 데이터 등) 표시됩니다.
  • Postman 작업에서 요청 복제 (동일한 헤더 및 데이터)
  • 데이터를 엄격하게 시도했습니다.
  • 오류 처리기는 간단한 로깅을 수행하지만 트리거되지는 않습니다.

꽤 분명하지만 나를 피할 수있는 것이 틀림 없기 때문에 나는 꽤 멍청하다고 느낍니다. 두 가지 방법, 하나는 게시물을 통해 하드 코딩 된 데이터를 전송하고 다른 하나는 get을 통해 하드 코딩 된 json을 가져 오는 간단한 구성 요소를 만들었습니다. 두 번째는 작동하지만 첫 번째는 그렇지 않습니다.

어떤 조언을 주시면 감사하겠습니다.

감사!

판 카이 파카

본질적으로 당신은 관찰 가능한 것을 만들었고 Observable은 본질적으로 게으르다. 누군가가 구독 한 경우에만 전화 / 발신을받습니다. 따라서 subscribe코드가 작동하도록하려면 Observable에서 반환 된 Observable 을 호출 해야합니다. 이 외에는 모든 것이 완벽 해 보입니다.

sendStuff() {
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });

    return this.http.post('http://localhost:3021/api/data', {'data': 3}, options)
      .catch(this.handleError)
      .subscribe(
       (data) => console.log(data)
    );
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Java에서 HttpURLConnection을 통해 HTTP POST 요청을 보낼 수 없습니다.

분류에서Dev

Jquery.post를 통해 배열을 보낼 수 없습니다.

분류에서Dev

프록시를 통해 요청을 보낼 수 없습니다.

분류에서Dev

Django를 사용하여 GCM에서 POST 요청을 보낼 수 없습니다.

분류에서Dev

서버에 POST 요청을 보낼 수 없습니다.

분류에서Dev

Angular2에서 Java로 POST를 보낼 수 없습니다.

분류에서Dev

안드로이드에 OkHttp를 통해 포스트 요청을 보낼 수 없습니다

분류에서Dev

angular에서 nodejs로 https 요청을 보냅니다. 데이터를 보낼 수 없습니다.

분류에서Dev

서버에서 SMTP를 통해 메일을 보낼 수 없지만 localhost에서 보낼 수 있습니다.

분류에서Dev

Https를 통해 POST 메시지를 보낼 수 없습니다.

분류에서Dev

서버에 하위 순차 HTTP POST 요청을 보낼 수 있습니까?

분류에서Dev

smtpmail + starttls를 통해 emacs에서 이메일을 보낼 수 없습니다.

분류에서Dev

datetimepicker에서 값을 가져와 AJAX를 통해 보낼 수 없습니다.

분류에서Dev

Amazon CloudFront를 통해 요청을 보낼 수 없음 : 403 오류

분류에서Dev

angular.js에서 express.js로 POST를 보낼 수 없습니다.

분류에서Dev

OkHttp : POST 메서드를 통해 서버에 데이터를 보낼 수 없습니다.

분류에서Dev

Paramiko SSH를 통해 AT 명령을 보낼 수 없습니다.

분류에서Dev

SendGrid를 통해 이메일을 보낼 수 없습니다.

분류에서Dev

ajax를 통해 PHP 이메일을 보낼 수 없습니다.

분류에서Dev

SSH를 통해 PS1을 내보낼 수 없습니다.

분류에서Dev

AJAX를 통해이 curl 요청에 해당하는 것을 어떻게 보낼 수 있습니까?

분류에서Dev

MEAN JS의 외부 API에 http / https 요청을 보낼 수 없습니다.

분류에서Dev

Python / 요청-Postman에서 작동하지만 POST를 제대로 보낼 수 없습니다.

분류에서Dev

(CORS 오류) Angular에서 ASP.net REST 서비스로 POST 요청을 보낼 수 없습니다 (OPTIONS가 거부 됨).

분류에서Dev

$ http.post methood를 통해 데이터를 보낼 수 없습니다. 500 내부 서버 오류가 발생합니다.

분류에서Dev

다른보기에서보기의 http 요청을 보낼 수 있습니까?

분류에서Dev

Angular1s $ http를 통해 수신 Slack 후크 메시지를 보낼 수 없습니다.

분류에서Dev

AngularJS의 POST를 통해 WebApi에 게시물을 보낼 수없는 이유는 무엇입니까?

분류에서Dev

AngularJS에서 $ http.post로 새 데이터를 보낼 수 없습니다.

Related 관련 기사

  1. 1

    Java에서 HttpURLConnection을 통해 HTTP POST 요청을 보낼 수 없습니다.

  2. 2

    Jquery.post를 통해 배열을 보낼 수 없습니다.

  3. 3

    프록시를 통해 요청을 보낼 수 없습니다.

  4. 4

    Django를 사용하여 GCM에서 POST 요청을 보낼 수 없습니다.

  5. 5

    서버에 POST 요청을 보낼 수 없습니다.

  6. 6

    Angular2에서 Java로 POST를 보낼 수 없습니다.

  7. 7

    안드로이드에 OkHttp를 통해 포스트 요청을 보낼 수 없습니다

  8. 8

    angular에서 nodejs로 https 요청을 보냅니다. 데이터를 보낼 수 없습니다.

  9. 9

    서버에서 SMTP를 통해 메일을 보낼 수 없지만 localhost에서 보낼 수 있습니다.

  10. 10

    Https를 통해 POST 메시지를 보낼 수 없습니다.

  11. 11

    서버에 하위 순차 HTTP POST 요청을 보낼 수 있습니까?

  12. 12

    smtpmail + starttls를 통해 emacs에서 이메일을 보낼 수 없습니다.

  13. 13

    datetimepicker에서 값을 가져와 AJAX를 통해 보낼 수 없습니다.

  14. 14

    Amazon CloudFront를 통해 요청을 보낼 수 없음 : 403 오류

  15. 15

    angular.js에서 express.js로 POST를 보낼 수 없습니다.

  16. 16

    OkHttp : POST 메서드를 통해 서버에 데이터를 보낼 수 없습니다.

  17. 17

    Paramiko SSH를 통해 AT 명령을 보낼 수 없습니다.

  18. 18

    SendGrid를 통해 이메일을 보낼 수 없습니다.

  19. 19

    ajax를 통해 PHP 이메일을 보낼 수 없습니다.

  20. 20

    SSH를 통해 PS1을 내보낼 수 없습니다.

  21. 21

    AJAX를 통해이 curl 요청에 해당하는 것을 어떻게 보낼 수 있습니까?

  22. 22

    MEAN JS의 외부 API에 http / https 요청을 보낼 수 없습니다.

  23. 23

    Python / 요청-Postman에서 작동하지만 POST를 제대로 보낼 수 없습니다.

  24. 24

    (CORS 오류) Angular에서 ASP.net REST 서비스로 POST 요청을 보낼 수 없습니다 (OPTIONS가 거부 됨).

  25. 25

    $ http.post methood를 통해 데이터를 보낼 수 없습니다. 500 내부 서버 오류가 발생합니다.

  26. 26

    다른보기에서보기의 http 요청을 보낼 수 있습니까?

  27. 27

    Angular1s $ http를 통해 수신 Slack 후크 메시지를 보낼 수 없습니다.

  28. 28

    AngularJS의 POST를 통해 WebApi에 게시물을 보낼 수없는 이유는 무엇입니까?

  29. 29

    AngularJS에서 $ http.post로 새 데이터를 보낼 수 없습니다.

뜨겁다태그

보관