如何修复SyntaxError：Ionic3中JSON中0位置的意外标记？

Question

想要显示图像，在ionic页面的视图中用Laravel从rest API响应。

代码在使用postman测试时有效，但在ionic中出错：

public function maPhotoApi(Request $request){
    $user =  auth()->user();
    $residentModel = new Resident();
    $resident = $residentModel->getResidentByIdUser($user->id);

    if (is_dir(base_path('resources/resident/' . $resident->id_resident . '/')) && file_exists(base_path('resources/resident/' . $resident->id_resident . '/') . 'photo.jpg')) {
        $img = file_get_contents(base_path('resources/resident/' . $resident->id_resident . '/') . 'photo.jpg');
        return response($img)->header('Content-type', 'image/jpeg');
    } else {
        $img = file_get_contents(base_path('resources/resident/profil.png'));
        return response($img)->header('Content-type', 'image/jpeg');
    }
}

服务或提供商中的Frent-end（离子）

maPhoto(){
  let httpOpt = {
    headers: new HttpHeaders({
      'Access-Control-Allow-Origin': '*',
      'Authorization' : 'Bearer '+localStorage.getItem('token'),
      'Content-type': 'image/jpeg',
    })
  };
  return this.http.get(this.url + "maPhoto", httpOpt);

}

组件：

this.residentProvider.maPhoto().subscribe(data => {
  console.log("--------------------");
  console.log("photo => " , data);
  this.maPhoto = data;
})

Answer 1

• 出现此错误的原因是服务器返回纯文本或HTML内容作为响应，而ionic应用程序试图解析为JSON。服务器需要以json.
的形式发送 数据
• 要确认Ionic应用程序从服务器上得到了什么，打开google chrome developer tools并导航到Network选项卡，选择相关的api call并查看Response选项卡。Ionic应用程序应该收到如下内容。