如何:在我的React应用程序中从API(节点)读取文件?

时间:2018-05-07 09:24:13

标签: node.js reactjs api file

我使用的是一个使用REACT JS(带有NODE,端口3000)和一个API(带有NODE JS,端口3100)的webapp。 客户端通过我的API发出的所有请求。

在这个应用程序中,客户端可以听到下载并存储到我的API中的mp3。我制作了不同的模式,但我不知道哪个可以工作。

SCHEMA 1。

  • REACT将参数发送到API
  • API下载文件并将其存储在临时目录中
  • API将网址(例如:http://localhost:3100/sound/exemple.mp3)发送到REACT
  • REACT在' src'中使用该网址AudioPlayer
  • 使用API​​服务器上的CRON设置删除临时文件

我尝试了这个解决方案,但是当我想播放声音时出错了 (错误:不能GET / URL)

SCHEMA 2.

  • REACT将参数发送到API
  • API下载文件并将其存储在临时目录中
  • REACT从API下载文件并将其存储到公共目录中(使用express static)
  • REACT在' src'中使用该网址AudioPlayer
  • 删除文件两次(API和REACT)

另一种解决方案是直接从REACT上的源代码下载文件。但是我需要隐藏源代码的URL(这就是我通过API的原因)。

也许有其他解决方案?

0 个答案:

没有答案