Detaillierte Erklärung zur Verwendung des Basis-Tags in HTML

In requireJS gibt es eine Eigenschaft namens baseURL. Durch Festlegen der baseURL können wir den zu ladenden Dateipfad relativ zum Projekt anstelle der aktuellen Seite schreiben.

Beispiel: Angenommen, unser Projektverzeichnis ist /myproject/ und es befinden sich zwei Seiten darin, eine ist /myproject/one.html, die andere ist /myproject/html/other.html, und beide müssen /myproject/js/some.js laden. Wenn wir die Basis-URL auf /myproject/ setzen, können beim Laden des JS beide Seiten den Pfad ./js/some relativ zum Projekt verwenden, anstatt aufgrund unterschiedlicher Seitenpfade unterschiedliche relative Pfade zu verwenden.

Aber können wir eine ähnliche Funktionalität wie baseURL erreichen, wenn wir requireJS nicht verwenden?

Basis-Tag
Tatsächlich gibt es in HTML ein Basis-Tag, das ähnliche Funktionen erzeugen kann. Zum Beispiel:

Das Basis-Tag kann dem Link der Seite einen Standardpfad oder eine Standardöffnungsmethode hinzufügen.

Hier ist ein Beispiel zum Festlegen der Standardöffnungsmethode:

Chrome wird problemlos geladen.

Firefox wird nicht richtig geladen.

Warum?

Wir haben dafür keine gute Erklärung gefunden. Unsere Analyse ist, dass der Browser das Laden von Ressourcen optimiert, was dazu führt, dass der Browser Ressourcen vorlädt, wenn das dynamisch eingefügte Basis-Tag nicht wirksam wird. Infolgedessen tritt ein Fehler auf, und dann wird das Basis-Tag wirksam und lädt die richtige Ressource.

Wie kann man es vermeiden? Es tritt kein Problem auf, wenn Sie das Basis-Tag nicht dynamisch schreiben. Wenn Sie das Basis-Tag dynamisch schreiben müssen, müssen alle von der Seite referenzierten externen Ressourcen dynamisch über Javascript geladen werden.