如何獲取相對於 JavaScript 文件

Question

我有一個文件樹：

index.html

  | js
  |
  | data.json
  | script.js

index.html只是script.js

script.js ：

(async function() {
  var req = await fetch("data.json");
  var json = await req.json();
  ...
})();

我正在嘗試從script.js （ js文件夾）而不是index.html data.json

所以我不能只使用js/script.js

我該怎么做？

Answer 1

顯然，您可以使用document.currentScript獲取當前正在運行的腳本的路徑（如果它不是 ESM）

未經測試，但這建議您可以像這樣構建路徑：

const dataUrl = new URL('data.json', document.currentScript.src);
const req = await fetch(dataUrl);
// etc

Answer 2

即使data.json與script.js位於同一文件夾中，因為這兩個文件都位於相對於index.html的js文件夾中，您必須使用

  var req = await fetch("js/data.json");