【问题标题】:Read .txt file from AWS S3 storage in ReactJS从 ReactJS 中的 AWS S3 存储读取 .txt 文件
【发布时间】:2021-11-11 23:39:03
【问题描述】:

我正在尝试从 ReactJS 中的 s3 存储读取文本文件。我有文本文件的 s3 存储桶链接。但是,我无法从链接中读取文本文件。我已经在 Google 上搜索了很多关于此的内容,但到处都是人们在本地而不是从链接中读取文件。

文件的链接如下:

https://bucketnmame.s3.amazonaws.com/folder1/folder2/file.txt

此链接以 NodeJS 作为后端存储在数据库中。如果有人帮助我,那就太好了...

【问题讨论】:

    标签: javascript reactjs file amazon-s3 react-hooks


    【解决方案1】:

    试试这个

    fetch('https://bucketnmame.s3.amazonaws.com/folder1/folder2/file.txt')
        .then ((response) => response.text())
        .then (data => {
          console.log(data)
        });
    

    【讨论】:

    • 这是给 CORS 错误
    • CORS 错误表明您的源(站点/域)不允许向存储桶发出 GET 请求。如果您从默认的 create-react-app 开发服务器运行,S3 存储桶所有者应更改 CORS 配置以允许 https://yourdomain.com* 或可能 http://localhost:3000
    • 这是一个测试 S3 文件供您尝试https://sf-tar-poc.s3.amazonaws.com/test.txt。我在桶 [{"AllowedHeaders": ["*"],"AllowedMethods": ["GET"], "AllowedOrigins": ["*"],"ExposeHeaders": ["ETag"],"MaxAgeSeconds": 3000}] 上有以下 CORS 配置。请注意,此存储桶将仅存在一周左右。
    • 能否给我一个链接,让我可以阅读并应用此格式?
    • 非常感谢??。这对我完全有用......
    猜你喜欢
    • 2020-08-29
    • 2019-11-12
    • 2017-09-29
    • 1970-01-01
    • 2018-10-11
    • 2015-02-02
    • 1970-01-01
    • 2021-05-14
    • 1970-01-01
    相关资源
    最近更新 更多