0



Ionic を使用して iOS で動作するシンプルなアプリを取得しようとしています。 アプリには、関数login(username, password)

を使用して、サーバーにあるサーブレットに POST 要求を実行するための簡単なボタンが含まれています。 最初はサーバー側の問題だと思ったので、POSTMAN ソフトウェア経由で POST を実行してみました。 結果は完璧で、応答は JSON でした。 しかし、iPhone でこれを実行しようとすると、ネイティブの http コンポーネントがすべての値が null であるというエラーをスローします。 それで、それは私の typescript コードと関係があると思います。助けてもらえますか? 私のタイプスクリプトコード:







    import { Component } from '@angular/core';
    import { IonicPage, NavController, NavParams } from 'ionic-angular';
    import { TabsPage } from '../tabs/tabs';
    import { HTTP } from '@ionic-native/http';
    import 'rxjs/add/operator/map';
    import { Storage} from '@ionic/storage';
    import { ShareService } from '../../services/share/share';



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

      static readonly SERVER_ADDRESS  = 'http://example.com';

      constructor(public navCtrl: NavController, public navParams: NavParams, private http: HTTP, private storage:Storage, private shareService: ShareService) {
        this.storage.ready().then( () => {
          this.storage.get("user").then( (user) => {
            if( user !== null){
              console.log(shareService.getUserName());
              shareService.setUser(user.firstName,user.lastName,user.username,user.customer);
              this.navCtrl.push(TabsPage);        
            }
          });
        });
      }

      ionViewDidLoad() {
        console.log('ionViewDidLoad LoginPage');
      }

      login(username,password){

        var body = {
          username: username.value,
          password: password.value
        }
        let header:any = {
          'Content-Type': 'application/json'
        }

this.http.setDataSerializer('json');   
this.http.post(LoginPage.SERVER_ADDRESS+'/external/MobileLoginServlet',body,header).then(
          data => {
            var response = JSON.parse(data.data);
            let user = response[0];
            user.customer = 3;
            user.firstname = "Christian";
            user.lastName = "Prellwitz";
            console.log(user);
            this.storage.ready().then( () =>{
               this.storage.set("user",user); 
            });
            this.navCtrl.push(TabsPage);    
          }).catch(error =>{
            console.log(error);
            console.log(error.status);
            console.log(error.error);
            console.log(error.headers);
          });

      }

    }

私のサーブレット CORS:

response.setHeader("Access-Control-Allow-Origin", "*");
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");

http コンポーネントが返すもの:

[app-scripts] [11:19:53]  console.log: [object Object]
[app-scripts] [11:19:53]  console.log: null
[app-scripts] [11:19:53]  console.log: null
[app-scripts] [11:19:53]  console.log: null


事前にご協力いただきありがとうございます。

4

1 に答える 1