jsでinclude化してどの階層からもファイルを読み込めるようにしたい

Question

headerとfooterを以下の記述のようにインクルード化しました。
include.js内の記述がindex.htmlの#headerに吐き出されます。

include.js↓

window.addEventListener("DOMContentLoaded", function () {
    const header = document.getElementById("header");
    var html = "";
    html += '<header>';
    html += '<h1 class="logo"><a href="#"><img src="img/logo.svg"></a></h1>';
    html += '</header>';
    header.innerHTML = html;
}, false);

index.html↓

<div id="header"></div>

しかし「logo.svg」のようなファイルをどの階層からでも読み込めるようにする方法がわからず、自力で調べてもヒットしませんでした。
どなたかわかる方がいましたら、よろしくお願いいたします。

Answer 1

「logo.svg」のようなファイルをどの階層からでも読み込めるようにする方法がわからず

絶対パスで書きましょう。