Ionic 2 使用电话号码登录

Question

我正在使用电话号码和密码进行离子2登录。我正在使用Laravel 5.3护照作为后端。由于登录是使用邮递员进行的。但是在 ionic 2 中，它给了我错误，因为 -

JSON 中位置 0 处的意外令牌< at JSON.parse （） at Response.Body.json （http.es5.js：800） at SafeSubscriber._next （register-api.ts：33）
我的代码如下-

登录数据 = { 联系人："， 密码：" };

login.ts code 
doLogin() {
this.showLoader();   
this.registerApi.login(this.loginData).then((result) => {
  this.loading.dismiss();
  this.data = result; 
   this.viewCtrl.dismiss().then(
        (result) => this.app.getRootNav().setRoot(MyApp)
    )  
  window.location.reload(); 
  }, (err) => {
  this.loading.dismiss();
  this.presentToast(err);
});   }

注册API.ts代码

login(credentials) {
return new Promise((resolve, reject) => {
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    this.http.post(apiUrl+'login', JSON.stringify(credentials), {headers: headers})
      .subscribe(res => {
        resolve(res.json()); 
      }, (err) => {
        reject(err);   
      });
});  }

我真的被困在这里了..谢谢。

我的 php laravel 代码是 -

  public function login(){
    if(Auth::attempt(['contact' => request('contact'), 'password' => request('password')])){
        $user = Auth::user();
        $success['token'] =  $user->createToken('MyApp')->accessToken;
         $success['fname'] =  $user->fname;
      $success['lname'] =  $user->lname;
       $success['contact'] =  $user->contact;           
       $success['id'] =  $user->id;
        return response()->json(['success' => $success], $this->successStatus);
    }
    else{
        return response()->json(['error'=>'Unauthorised'], 401);
    }
}

Answer 1

< in JSON at position 0 意味着您很可能由于错误的链接 apiUrl（也许而不是应该apiUrl +'/login'而不是apiUrl +'login'）或存在 php 错误而从服务器获取 HTML 正文，请尝试以下代码以查看控制台中的确切响应：

login(credentials) {
return new Promise((resolve, reject) => {
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    this.http.post(apiUrl+'login', JSON.stringify(credentials), {headers: headers})
      .subscribe(res => {
           console.log(res.text()); 
      }, (err) => {
        reject(err);   
      });
});  }