Heim > Web-Frontend > js-Tutorial > Hauptteil

So vermeiden Sie Anfragen an unzugängliche Ressourcen

WBOY
Freigeben: 2024-08-22 18:37:03
Original
574 Leute haben es durchsucht

How to avoid requests to inaccessible resources

Der Fehler 404 Not Found weist darauf hin, dass der Server die angeforderte Ressource nicht finden konnte. Für den Browser bedeutet dies, dass die URL nicht erkannt wird.

404-Anfragen verursachen Frustration beim Benutzer und können zu einer schlechten Website-Leistung führen. Darüber hinaus crawlen und indizieren Suchmaschinen nicht vorhandene Seiten, was sich negativ auf das Ranking der Website auswirkt. Alles in allem können wir durch den Einsatz einiger Methoden die Suche nach unzugänglichen Anfragen vermeiden.

1. Überprüfen Sie regelmäßig die Links
Es mag trivial erscheinen, aber die häufigsten Ursachen für 404-Fehler sind verschobene oder gelöschte Seiten und falsch eingegebene URLs. Aus diesem Grund können Sie kostenlose Tools wie die Google Search Console und Screaming Frog SEO Spider verwenden, um defekte Links und Soft 404s (nicht vorhandene Ressourcen, die dennoch einen Erfolgsstatus von 200 zurückgeben).

2. URLs validieren Überprüfen Sie vor der Anfrage, ob die URL korrekt ist. Dies garantiert zwar nicht, dass die angeforderte Ressource nicht vorhanden ist, kann jedoch offensichtliche Fehler verhindern. Um eine URL zu validieren, gibt es die URL-Schnittstelle von Javascript. Hier können Sie die Struktur der URL, das Protokoll, die Domäne oder die Erweiterung der angeforderten Datei validieren.

Sie können die Existenz einer Ressource auch überprüfen, bevor Sie eine GET-Anfrage mit der HEAD-Methode stellen.


async function fileExists(url) {
  try {
    const response = await fetch(url, { method: 'HEAD' });
    return response.ok;
  } catch (error) {
    console.error('Error verifying the existence of the file:', error);
    return false;
  }
}

fileExists('https://example.com/file.jpg').then(exists => {
  if (exists) {
    console.log('File exists.');
  } else {
    console.log('File not found.');
  }
});
Nach dem Login kopieren

3. Bewerten Sie die Einschränkungen der Website Vergessen Sie nicht, zu überprüfen, ob HTML-, CSS-, JavaScript-Dateien und andere Ressourcen über die richtigen Lese- und Ausführungsberechtigungen für Benutzer verfügen. Überprüfen Sie außerdem, ob es in den Webservereinstellungen keine unzulässigen Zugriffsbeschränkungen gibt, die den Zugriff auf bestimmte Dateien oder Verzeichnisse verhindern könnten.

Einstellungen wie AllowOverride und Require all grant können Probleme verursachen, wenn sie nicht richtig konfiguriert sind.

4. Leeren Sie den Cache

Der Cache speichert Kopien von Website-Ressourcen, sodass der Browser diese Ressourcen schneller laden kann, wenn Sie dieselbe Website erneut besuchen. Wenn eine Website-Ressource jedoch einen 404-Fehler zurückgibt, kann diese Antwort auch im Cache gespeichert werden. Selbst wenn diese Ressource auf dem Server korrigiert wird, erhält der Benutzer möglicherweise immer noch den Fehler 404. Um dieses Problem zu lösen, können wir an der Konfiguration des HTTP-Headers arbeiten.

Sie können „Cache-control: no-store“ festlegen, um zu verhindern, dass eine Antwort gespeichert wird, oder „Cache-Control: no-cache“, um den Browser zu zwingen, sich beim Server zu erkundigen, bevor eine zwischengespeicherte Version verwendet wird. Sie können den Expires-Header auch mit der Zeit konfigurieren, zu der die Antwort abläuft.

5. Wenn die Ressource fehlt, gehen Sie ordnungsgemäß damit um

Anstatt zuzulassen, dass der Benutzer auf einen 404-Fehler stößt, richten Sie Weiterleitungen zu alternativen Seiten mit dem Fehler ein und schlagen Sie andere Dienste vor. Wenn ein Dienst verschoben oder umbenannt wurde, richten Sie außerdem eine 301- (permanente) oder 302- (temporäre) Weiterleitung zur neuen URL ein.

Fazit 404-Fehler wirken sich negativ auf die Benutzererfahrung und die Glaubwürdigkeit Ihrer Anwendung und SEO aus. Als Entwickler demonstrieren Sie durch den ordnungsgemäßen Umgang mit 404-Fehlern Ihr Engagement für Qualität und Benutzerfreundlichkeit, was das Vertrauen der Kunden in Ihre Arbeit und das von Ihnen entwickelte Produkt stärkt.

Das obige ist der detaillierte Inhalt vonSo vermeiden Sie Anfragen an unzugängliche Ressourcen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage