javascript - 使用 html js 或 reactjs 框架自动读取本地文件

Question

我已经研究了很多小时以找到使用 html 和 js 自动读取本地文件的方法，但唯一的方法是在 html 中创建输入标签，但用户需要在他们的计算机中选择文件并读取它 - 这种方式不会自动读取（我使用 http-server 命令运行 html 文件）。

我知道出于安全原因或某些解决方案（例如“--allow-file-access-from-files”）阻止了直接访问“file://”

但是当我使用 reactjs 并从公共文件夹中读取文件时，它就可以工作了（应用程序由 npx create-react-app 创建）

你能告诉我它们之间的区别，并给出一个解决方案来自动读取只有 html、js 的本地 txt 文件。

对不起，我的英语不好。

非常感谢

标签： javascripthtmlreactjslocal

Answer 1

create-react-app 只是通过Webpack提供本地文件，它与使用 Nginx 提供本地文件或使用 Apache 相同。当您使用 webpack 创建构建时，您只是在引导您的服务器在特定主机上提供静态内容。

您可能想参考Nginx和Express并阅读它们的工作原理。