如何在 vanilla javascript 中加载本地文件？

Question

我尝试使用 Fetch API 在我的 javascript 文件中加载本地文件，但没有结果。

“无法加载，因为 URL 方案“文件”不受支持”。

所以我决定尝试使用 XMLHttpRequest API，但没有任何改变，因为我遇到了 CORS 错误。

“CORS 策略已阻止来自原点'null'：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、chrome-untrusted、https”。

怎么办？

Answer 1

首先，让我澄清一些事实：

1. 要通过http协议加载任何文件，你需要创建一个服务器 能够为您从文件系统中获取文件。

假设你有一个 file.txt 文件，你想加载它，所以你可以肯定地这样做，但你需要设置一个服务器，以便它可以捕获你想要的查询。

现在，我建议在这种情况下使用 POST 请求，并在后端使用带有 express 的 fs 库。