Question

我正在尝试使用Ionic在iOS上使用一个简单的应用程序。

该应用程序包含一个简单的按钮，用于使用功能登录名（用户名，密码）向位于服务器上的servlet发出POST请求。

起初我以为这是服务器端的问题，所以我尝试通过POSTMAN软件进行POST。
结果是完美的，响应是JSON。
但是，当我尝试在iPhone上执行此操作时，本机http组件会抛出一个错误，其中所有值均为null。

所以我认为这与我的打字稿代码有关，您能帮帮我吗？

我的打字稿代码：

    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

感谢您的提前帮助。

Answer 1

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

解决方案是我更改了“让用户= response [0];”。改为“让用户= response.data [0];”

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

离子POST：本机HTTP返回ERROR null

1 个答案: