Vue が Bibibili のホームページを模倣する際の問題

エンジニアリング構造

プロジェクトは2つの部分に分かれています。bilibili-apiはAPIインターフェースサービスであり、その他はフロントエンド部分です。プロジェクト構造は次のとおりです。

スクリーンショットを実行

仕組み

実行する前に、NodeとVueのランタイム環境をローカルにインストールしておく必要があります。プロジェクトが正常に動作することを確認するには、以下を実行してください。
インターフェースデータを取得するためのbilibili-api。

バックエンド インターフェースを実行します。

cd ビリビリAPI
cnpm インストール
cnpm 実行 dev

フロントエンドを実行します。

cnpm インストール
cnpm 実行 dev

これで、ビビビリのホームページを模倣したVueに関するこの記事は終わりです。ビビビリのホームページを模倣したVueに関するより関連のあるコンテンツについては、123WORDPRESS.COMの以前の記事を検索するか、次の関連記事を引き続き閲覧してください。今後とも123WORDPRESS.COMを応援してください。