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

Docker legt Port 2375 frei, was zu Serverangriffen und -lösungen führt

Ich glaube, dass Studenten, die etwas über die Do...

Beschreibung des MySQL-Optimierungsparameters query_cache_limit

query_cache_limit query_cache_limit gibt die Puff...

Detaillierte Einführung in das MySQL-Installationstutorial unter Windows

Inhaltsverzeichnis 1. Einige Konzepte, die Sie vo...

MYSQL Left Join-Optimierung (10 Sekunden bis 20 Millisekunden)

Inhaltsverzeichnis 【Funktionshintergrund】 [Rohes ...

Detaillierte Schritte zur Installation eines Hadoop-Clusters unter Linux

Inhaltsverzeichnis 1. Erstellen Sie ein Hadoop-Ve...

Detaillierte Erläuterung des Lese-Commits der MySQL-Transaktionsisolationsebene

MySQL-Transaktionsisolationsebene anzeigen mysql&...

Node erstellt schnell die Backend-Implementierungsschritte

1. Installieren Sie zuerst Node, Express und Expr...

Lösung für Vues Unfähigkeit, Array-Änderungen zu beobachten

Inhaltsverzeichnis 1. Vue-Listener-Array 2. Situa...

So implementieren Sie Dual-Machine-Master und Backup mit Nginx+Keepalived

Vorwort Lassen Sie mich zunächst Keepalived vorst...