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

Transkript der Implementierung berechneter Vue-Eigenschaften

In diesem Artikel wird das Implementierungszeugni...

So importieren und exportieren Sie Cookies und Favoriten in FireFox

FireFox ist ein weit verbreiteter Browser mit zah...

Teilen Sie 5 JS-High-Order-Funktionen

Inhaltsverzeichnis 1. Einleitung 2. Rekursion 3. ...

Vue3 verwendet Axios Interceptor zum Drucken von Front-End-Protokollen

Inhaltsverzeichnis 1. Einleitung 2. Verwenden Sie...

Vue-Ereignisparameter $event = Ereigniswertfall

Vorlage <el-table :data="Datenliste"...

Linux-Befehl „exa“ (bessere Dateianzeige als „ls“)

Installieren Befolgen Sie zur Installation die RE...

So implementieren Sie vertikale Textausrichtung mit CSS (Zusammenfassung)

Die Standardanordnung von Text in HTML ist horizo...

So rufen Sie die Browser-Sharing-Funktion in Vue auf

Vorwort Vue (ausgesprochen /vjuː/, ähnlich wie vi...

So unterstützen Sie vollständiges Unicode in MySQL/MariaDB

Inhaltsverzeichnis Einführung in utf8mb4 Fehler b...

Detaillierte Erläuterung des MySQL-Indexprinzips und der Abfrageoptimierung

Inhaltsverzeichnis 1. Einleitung 1. Was ist ein I...

Tomcat8 verwendet Cronolog zum Aufteilen von Catalina.Out-Protokollen

Hintergrund Wenn die von Tomcat generierte catali...