如何从提供的链接中获取数据？

【问题标题】：How to fetch data from the provided link?如何从提供的链接中获取数据？
【发布时间】：2021-09-23 07:02:09
【问题描述】：

其实我是从 api 得到这个链接的，这是我想在颤振应用程序中显示的图像。

状态码 = 200，因此成功提取 JSON 格式。然后我解码了 JSON 正文，然后当我使用该链接提取图像时，错误闪现。

我用过：

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Enjoy Memes"),
        centerTitle: true,
      ),
      body: Image.network('https://i.redd.it/0qyu4z44zza71.jpg')
    );
  }
}

但它没有用。这是我得到的错误：

我该如何处理？那就需要用html了。

【问题讨论】：

您是否尝试过加载其他图片？

标签： flutter flutter-layout flutter-web

【解决方案1】：

您似乎正在尝试显示来自另一个域的图像。为了能够在 Flutter 网页上显示来自任何其他域或 firebase 存储的图像，您必须为 CORS 配置数据。

打开GCP console，选择您的项目并通过单击顶部导航栏中的>_ 图标按钮启动云终端会话。
点击打开编辑器按钮（铅笔图标），然后创建cors.json 文件。
运行gsutil cors set cors.json gs://your-bucket

cors.json 文件应如下所示：

[
  {
    "origin": ["*"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]

我将原点设置为*，这意味着每个网站都可以显示您的图像。但您也可以在此处插入您网站的域来限制访问。

如果您需要更多信息：https://cloud.google.com/storage/docs/configuring-cors

【讨论】：