我对 Visual Studio Code 上的 Live-Server 扩展比较陌生。我正在测试 fetch() 函数。这是我用来测试它的代码,我知道这应该可以工作,因为我直接从 YouTube 视频中复制了这个,这个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTD-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ide=edge" />
<title>Fetching and graphing CSV</title>
<body>
<script>
getData();
async function getData() {
const response = await fetch('test.csv');
const hello = await response.text();
console.log(hello);
}
</script>
</body>
</head>
</html>
我在与此 HTML 文件相同的目录中有一个 test.csv 文件,但是当我运行它时,控制台中的输出只是代码的文本版本,而不是 test.csv 文件的文本版本。这是我浏览器控制台的输出
我该如何解决这个问题,以便我可以console.log
将test.csv
文件放入我的浏览器?
更新:我只是想通过调试它,结果证明它没有获取它的意思Uncaught TypeError: Failed to fetch