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

Implementierungsbeispiel für Scan-Code-Zahlung im Vue-Projekt (mit Demo)

Inhaltsverzeichnis Nachfragehintergrund Gedankena...

Zusammenfassung der MySQL-Tabellen- und Spaltenkommentare

Genau wie bei Code können Sie den Tabellen und Sp...

Vue Shuttle-Box ermöglicht Auf- und Abbewegung

In diesem Artikelbeispiel wird der spezifische Co...

Grundlegende Verwendung von exists, in und any in MySQL

【1】existiert Verwenden Sie eine Schleife, um die ...

CSS erzielt den „Bottom Absorption“-Effekt im Footer

Wir stoßen häufig auf dieses Problem: Wie kann ma...

Grafisches Tutorial zur MySQL8-Installationsversion

Installation Die erforderlichen Unterlagen finden...

Installieren und konfigurieren Sie MySQL 5.7 unter CentOS 7

Dieser Artikel testet die Umgebung: CentOS 7 64-B...

Zusammenfassung der Methoden zum Abfragen von MySQL-Benutzerberechtigungen

Einführung von zwei Methoden zum Anzeigen von MyS...