0



我正在尝试使用 Ionic 在 iOS 上制作一个简单的应用程序。 该应用程序包含一个简单的按钮，可以使用函数login(username, password)

向位于我的服务器上的我的 servlet 发出 POST 请求。 起初我认为这是服务器端的问题，所以我尝试通过 POSTMAN 软件进行 POST。 结果很完美，响应是 JSON。 但是当我尝试在我的 iPhone 上执行此操作时，本机 http 组件会引发一个错误，其中所有值都为空。 所以我认为这与我的打字稿代码有关，你能帮帮我吗？ 我的打字稿代码：







    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);
          });

      }

    }

我的 Servlet 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

0

所以事实证明我在成功中所做的事情有问题。似乎 Ionic 本机 HTTP 组件捕获了其中发生的每个错误。

解决方案是我改变了“让用户=响应[0]；” “让用户 = response.data[0];”

无论如何，感谢您的时间和帮助。

于 2018-08-18T10:15:42.567 回答