我尝试使用 fetch在本地主机上，但它没有用。
这是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
fetch("hi.txt").then(function(response){
response.text().then(function(text){
alert(text)
})
})
</script>
</body>
</html>
以下错误显示在控制台中:
index.html:12 Fetch API cannot load file:///C:/~~~~/hi.txt. URL scheme "file" is not supported.(~~~) 是路径
最佳答案
由于您的 URL 是相对的(它只是 "hi.txt" )，它是针对运行代码的页面的 URL 解析的。在您的情况下，这似乎是 file:///something — 即，您直接从文件系统加载的文件，而不是通过从服务器请求加载的文件。 Chrome 不允许从 file 获取方案。 file方案的来源是 null . Chrome 团队对 Same Origin Policy 的解读是任何来源，甚至它本身，都不应该匹配null . (我认为这是一个合理的解释，但意见可能会有所不同。)
在进行 Web 开发时，您希望通过服务器进程进行工作，因为直接从文件系统加载的页面与从服务器加载的页面相比，有时在一些微妙的方面表现不同。
有几种方法可以做到这一点:
npm (和 Node.js)，您可以使用一个命令在开发模式下在本地构建和运行项目。 关于javascript - fetch api 无法加载，不支持 url 方案 'file'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/69144759/