React Native没有显示来自laravel API服务器的图像

时间:2019-05-14 10:11:47

标签: laravel api react-native laravel-5 react-native-android

我的笔记本电脑上运行着一个laravel服务器,该服务器可以处理服务器上的一些api数据和图像。请注意,所有api网址均受auth:api中间件保护,因此每个请求都应带有承载令牌。

当我尝试通过邮递员工具访问图像API网址时,我得到了正确的图像响应。

enter image description here

但是当我尝试从移动应用访问同一张图片时,它什么也没显示。

<Image
  source={{
    uri: 'http://192.168.43.245:8090/api/employers/logo/91w100.png',
    method: 'GET',
    headers: {
      Authorization : `Bearer ${accessToken}`,
      Accept:"image/png",
      "Content-Type":"image/png"
    },

  }}
  style={{width: 20, height: 20}}
/>

这就是我从laravel服务器返回响应的方式。

public function getCheckedLogo($width)
{
    $width = ($width > 500) ? 500 : $width;
    $imagePath = $this->isCheckedLogoAvailable ? $this->getCheckedLogoPath() : resource_path('assets/img/no_logo_new.png');

    $img = Image::cache(function($image) use($width,$imagePath){
        $pxwidth = round(2.5 * 0.393701 * $width);
        $image->make($imagePath)->resize($pxwidth, null, function($constraint){
            $constraint->aspectRatio();
        });
    },120,true);

    return $img->response()->setEtag($img->cachekey);
}

任何帮助将不胜感激。 谢谢。

0 个答案:

没有答案