Les principes et les différences entre hash et history en vue

Différences dans les modes de routage dans Vue : Hash : utilise des fragments d'URL pour gérer l'état, n'envoie pas de requêtes HTTP, n'est pas convivial pour le référencement, a une navigation plus rapide et permet l'inter-domaine. Historique : utilisez l'API d'historique du navigateur pour gérer l'état, envoyer des requêtes HTTP, convivialité pour le référencement, mettre à jour l'historique du navigateur, restreindre les domaines inter-domaines.

Les principes et les différences entre le hachage et l'historique dans Vue

Dans l'application monopage (SPA) Vue.js, le routage est utilisé pour gérer la navigation et l'état des pages dans l'application. Il existe deux modes de routage principaux : hash et history.

Principe

Hash :

• Utilisez des fragments d'URL (#) pour gérer l'état de la navigation.
• N'envoie pas de requête HTTP réelle au serveur, mais écoute les modifications d'URL via JavaScript.

Historique :

• Utilisez l'API d'historique du navigateur pour gérer l'état de la navigation.
• enverra une véritable requête HTTP au serveur, modifiant la barre d'adresse du navigateur.

Différences

1. Apparence de l'URL

• Hash : l'URL contient un symbole dièse (#) suivi de l'état de navigation. Par exemple : https://example.com/#/homehttps://example.com/#/home
• History: URL 类似于传统网站的 URL，不包含 hash。例如: https://example.com/home
Historique : l'URL est similaire à l'URL d'un site Web traditionnel et ne contient pas de hachage. Par exemple : https://example.com/home

2. Historique du navigateur

• Hash : ne modifiera pas l'historique du navigateur.
• Historique : L'historique du navigateur sera mis à jour, tout comme la navigation sur un site Web normal.

3. Impact sur le référencement

• Hash : Étant donné que le hachage n'est pas inclus dans la requête HTTP, il n'est pas convivial pour le référencement car les moteurs de recherche ne peuvent pas explorer la partie hachage.
• Historique : étant donné que les modifications d'URL sont mises en œuvre via des requêtes HTTP, elles sont optimisées pour le référencement et les moteurs de recherche peuvent explorer et indexer la page.

4. Performances

• Hash : La navigation est plus rapide car il n'est pas nécessaire d'envoyer des requêtes HTTP au serveur.
• Historique : La navigation est lente car les requêtes HTTP doivent être envoyées au serveur.

5. Restrictions inter-domaines

• Hash : permet la navigation entre domaines car il utilise JavaScript pour écouter les modifications d'URL.
• Historique : la navigation inter-domaines n'est pas autorisée car des requêtes HTTP seront envoyées et les navigateurs bloquent les requêtes inter-domaines.

Cas d'utilisation

• Hash :
Couramment utilisé dans les navigateurs plus anciens qui ne prennent pas en charge l'API d'historique HTML5 ou dans les applications qui nécessitent une navigation inter-domaines.
• Historique :
Couramment utilisé dans les applications qui doivent être optimisées pour le référencement, conserver l'historique du navigateur ou mettre à jour la barre d'adresse.

🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!