Firebase: href relative Links scheitern

Question

Ist es nur mich, oder mit Firebase Hosting, tun Sie Ihre relativ href Links für Dateien in einem Unterverzeichnis platziert fail? Zum Beispiel habe ich eine Ordnerstruktur wie unten aber <link rel="stylesheet" href="style.css" /> in der markierten index.html Datei an die Wurzel meiner Seite löst. Die style.css Datei ist da, es ist nur nicht gezeigt.

Das Problem ist, wenn ich die URL fest codiere, wenn/wenn ich dies zu einem neuen Hosting-Provider migrieren, ich muss alles ändern.

Answer 1

Sind Sie mit Neufassungen in firebase.json auf alle Seiten zu index.html lösen zu machen (oder hast du gesagt, „Y“ auf die Einzelseiten App Frage in firebase init)? Wenn ja, müssen Sie eines von zwei Dingen tun:

<link rel="stylesheet" href="/commas/style.css"> 

<!-- or --> 

<base href="/commas"> 
<link rel="stylesheet" href="style.css"> 

Beachten Sie, dass, wenn Sie tun <base> dann alle relative URLs auf Ihrer Seite wird an die angegebene URL relativiert werden. Ich würde den ersten Ansatz empfehlen.