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

Posted 2023-02-23

【中文标题】如何从提供的链接中获取数据？

【英文标题】：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了。

【问题讨论】：

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

【参考方案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