javascript - Ionic 3 HTTP 发布请求问题

Question

我无法让我的帖子请求在 Ionic 中工作。我能够将“页面加载”打印到控制台，并且由于我确定以 JSON 格式提供的用户名和密码在我的数据库中，它应该打印“收到响应”或错误输出，但都没有发生。我期待“收到回复”，因为用户肯定在数据库中。我觉得我在格式上很接近，但可能会遗漏一些东西。我是 Ionic 的新手，所以请放轻松，非常感谢。

登录.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { TabsPage } from '../tabs/tabs';
import { HttpClientModule, HttpHeaders } from '@angular/common/http';
import { Http, Response, URLSearchParams } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {

  constructor(public navCtrl: NavController, public http: Http) {

    let loginData = {
      "username": "[e-mail]",
      "password": "password"
    };

    let httpHeaders = new HttpHeaders().set('Content-Type', 'application/json');
    
    // var headers = new Headers();
    // headers.append('Content-Type', 'application/json' );
    // const requestOptions = new RequestOptions({ headers: headers });

    console.log('page loaded');
    return this.http.post('https://pupper.us-east-1.elasticbeanstalk.com/login', loginData, httpHeaders)
      .subscribe(data => {
        // console.log(data['_body']);
        console.log('response received');
       }, error => {
        console.log(error);
      });
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad Login Page');
  }

  login() {
    this.navCtrl.push(TabsPage);
  }
    
 }

标签： javascriptionic-frameworkionic3