Heim  >  Artikel  >  Web-Frontend  >  Erstellungsprozess des dynamischen Routings zur Berechtigungskontrolle in Vue (Bild und Text)

Erstellungsprozess des dynamischen Routings zur Berechtigungskontrolle in Vue (Bild und Text)

不言
不言Original
2018-08-03 10:01:082886Durchsuche

Dieser Artikel führt Sie in den Erstellungsprozess (Bilder und Texte) des dynamischen Routings für die Berechtigungskontrolle in Vue ein. Er hat einen guten Referenzwert und ich hoffe, er kann Freunden in Not helfen.

Vue wird in späteren Versionen die Funktion router.addRoutes hinzufügen, damit Routing-Tabellen erstellt werden können

Erstellungsprozess des dynamischen Routings zur Berechtigungskontrolle in Vue (Bild und Text)

Die wichtigsten Punkte des Prozesses: Es hängt davon ab, ob beim Springen zur Seite ein dynamisches Routing erfolgt.
Prozesserklärung:

  1. Erstellen Sie beim Aufrufen der Webseite zunächst eine Teil der statischen Routing-Tabelle. Diese statische Routing-Tabelle enthält die Anmeldeseite. Dies soll sicherstellen, dass nach der Anmeldung eine Seite verfügbar ist Zugriffsberechtigungen des angemeldeten Benutzers werden vom Server abgerufen und im Sitzungsspeicher gespeichert

  2. Bestimmen Sie in der Hook-Funktion router.beforeEach, ob eine dynamische Routing-Tabelle vorhanden ist (diese Funktion ist eine Funktion (das läuft, bevor die Route springt)

  3. Bestimmen Sie in der Hook-Funktion, ob eine dynamische Routing-Tabelle vorhanden ist. Wenn keine dynamische Routing-Tabelle vorhanden ist, springen Sie zur Seite. Wenn nicht , erstellen Sie eine dynamische Routing-Tabelle
  4. Wenn im Sessionstorage keine Routing-Informationen gespeichert sind, springen Sie zurück zur Anmeldeseite und melden Sie sich erneut an, um diese Routing-Informationen zu erhalten

  5. Schlüsselerklärung:

Ziehen Sie die Routing-Tabelle der Rolle vom Server, speichern Sie eine gesamte Routing-Tabelle lokal und ziehen Sie sie dann mit dem Server. Filtern Sie die erhaltenen Daten Routing-Tabelle und speichern Sie schließlich die gefilterten Ergebnisse im Sessionstorage

  1. Stellen Sie bei jedem Seitenwechsel fest, ob eine dynamische Routing-Tabelle vorhanden ist. Wenn nicht, erstellen Sie eine neue Routing-Tabelle

  2. Quellcode:


Erstellungsprozess des dynamischen Routings zur Berechtigungskontrolle in Vue (Bild und Text) Empfohlene verwandte Artikel:

Erstellungsprozess des dynamischen Routings zur Berechtigungskontrolle in Vue (Bild und Text)Was ist der Unterschied zwischen dem Vue-Befehl und $nextTick, um DOM zu betreiben?

Eine Zusammenfassung der Methoden zum Packen von Vue-Projekten nach Umgebung

Das obige ist der detaillierte Inhalt vonErstellungsprozess des dynamischen Routings zur Berechtigungskontrolle in Vue (Bild und Text). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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