Probleme mit Vue, das die Homepage von Bibibili imitiert

Probleme mit Vue, das die Homepage von Bibibili imitiert

Technische Struktur

Das Projekt ist in zwei Teile unterteilt. bilibili-api ist der API-Schnittstellendienst und die anderen sind die Front-End-Teile. Die Projektstruktur ist wie folgt.

Bildbeschreibung hier einfügen

Screenshot ausführen

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

So funktioniert es

Vor dem Ausführen müssen Sie die Node- und Vue-Laufzeitumgebungen lokal installiert haben. Um den normalen Betrieb des Projekts sicherzustellen, führen Sie bitte aus
bilibili-API zum Abrufen von Schnittstellendaten.

Führen Sie die Backend-Schnittstelle aus:

CD Bilibili-API
cnpm installieren
cnpm-Ausführungsentwickler

Führen Sie das Frontend aus:

cnpm installieren
cnpm-Ausführungsentwickler

Dies ist das Ende dieses Artikels über Vue, das die Homepage von Bibibili imitiert. Weitere relevante Inhalte zu Vue, das die Homepage von Bibibili imitiert, finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Vue verwendet vuex, um die Methode zum Umschalten verschiedener Routen für die Homepage-Navigation zu implementieren
  • Die Lösung für das Problem, dass der von Vue WeChat freigegebene Link geöffnet wird, ist die Homepage
  • Vue Router + Vuex implementiert eine Login-Verifizierungslogik für die Homepage
  • Lösen Sie das Problem des weißen Bildschirms auf der Startseite nach der Vue-Build-Verpackung
  • Detaillierte Erläuterung der Optimierung der Ladegeschwindigkeit der Homepage des Vue-Projekts

<<:  Installieren Sie Apache2.4+PHP7.0+MySQL5.7.16 auf macOS Sierra

>>:  8 Befehle zur effektiven Verwaltung von Prozessen in Linux

Artikel empfehlen

Implementierung der Nginx-Flusskontrolle und Zugriffskontrolle

Nginx-Verkehrskontrolle Die Ratenbegrenzung ist e...

Schritte zum Einrichten des Windows Server 2016 AD-Servers (Bild und Text)

Einführung: AD ist die Abkürzung für Active Direc...

Detaillierte Erklärung zur Verwendung der Clip-Path-Eigenschaft in CSS

Verwendung von Clip-Pfaden Polygon Der Wert setzt...

Nginx Reverse-Proxy-Konfiguration entfernt Präfix

Wenn Sie nginx als Reverse-Proxy verwenden, könne...

Detaillierte Erläuterung des Selinux-Grundkonfigurationstutorials unter Linux

selinux ( Security-Enhanced Linux) ist ein Linux-...

Erläuterung des Beispiels für die automatische Anmeldung unter Linux

Es gibt viele Skripte im Internet, die expect ver...

Verwenden des radialen Farbverlaufs in CSS zum Erzielen eines Karteneffekts

Vor einigen Tagen erhielt eine Kollegin ein Punkt...

Eine ausführliche Einführung in React-Referenzen

1. Was ist Refs wird in Computern als Resilient F...

Implementierung von Socket-Optionen in der Linux-Netzwerkprogrammierung

Socket-Optionsfunktion Funktion: Methoden zum Les...

So deinstallieren Sie Node und NPM vollständig auf dem Mac

npm deinstallieren sudo npm deinstallieren npm -g...

MySQL-Optimierungsstrategie (empfohlen)

Zusammenfassend: 1. Berücksichtigen Sie die Leist...

MySQL Best Practices: Grundlegende Arten von Partitionstabellen

Übersicht über partitionierte MySQL-Tabellen Da M...