Wie kann man defektes CSS, JavaScript und Bilder nach der Implementierung SEO-freundlicher URLs reparieren?

Fehlerbehebung bei defektem CSS, JavaScript und Bildern mit SEO-freundlichen URLs

Bei der Implementierung SEO-freundlicher URLs durch .htaccess-Umschreibungen kommt es häufig vor Probleme mit CSS, JavaScript und Bildern auftreten, die nicht geladen werden können. Dies liegt daran, dass der Basis-URI dieser Assets nach der URL-Umschreibung geändert wird.

Um das Problem zu veranschaulichen, betrachten Sie die folgende Umschreibungsregel:

RewriteRule ^swift-details/([0-9]+)/([0-9a-zA-Z_-]+)$ swift-details.php?id= [NC,L]
RewriteRule ^swift-details/(css|js|img)/(.*)?$ // [L,QSA,R=301]

Diese Regel leitet Anforderungen erfolgreich an die weiter gewünschte Position, aber die relativen URIs im HTML funktionieren nicht mehr richtig. In der ursprünglichen URL-Struktur wäre der Basis-URI für Assets beispielsweise „/“. Nach dem Umschreiben lautet die Basis jedoch „/swift/details/“. Infolgedessen versucht der Browser, diese Basis allen relativen URLs voranzustellen, was zu fehlerhaften Verweisen führt.

Um dieses Problem zu beheben, stehen zwei Optionen zur Verfügung:

1. Verwenden Absolute Links: Ändern Sie den HTML-Code, um absolute URLs für CSS, JavaScript und Bilder zu verwenden. Dieser Ansatz stellt sicher, dass die Referenzen unabhängig vom Basis-URI konsistent bleiben.
2. Legen Sie die URI-Basis fest: Fügen Sie im HTML-Kopfabschnitt die folgende Zeile hinzu:

<base href="/" />

Dadurch wird der Basis-URI für alle Seiten auf „/“ gesetzt, um sicherzustellen, dass relative URIs vom Browser auch nach dem Umschreiben der URL korrekt aufgelöst werden.

Das obige ist der detaillierte Inhalt vonWie kann man defektes CSS, JavaScript und Bilder nach der Implementierung SEO-freundlicher URLs reparieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!