Problems with Vue imitating Bibibili's homepage

Engineering Structure

The project is divided into two parts. bilibili-api is the API interface service, and the others are the front-end parts. The project structure is as follows.

insert image description here

Run screenshot

insert image description here

How it works

Before running, you need to have installed the Node and Vue runtime environments locally. To ensure the normal operation of the project, please run
bilibili-api to obtain interface data.

Run the backend interface:

cd bilibili-api
cnpm install
cnpm run dev

Run the frontend:

cnpm install
cnpm run dev

This is the end of this article about Vue imitating Bibibili's homepage. For more relevant Vue imitating Bibibili's homepage content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!

You may also be interested in:

Vue uses vuex to implement the method of switching different routes for home page navigation
The solution to the problem that the link shared by Vue WeChat is opened is the home page
vue router+vuex implements home page login verification logic
Solve the problem of white screen on the home page after vue build packaging
Detailed explanation of Vue project home page loading speed optimization

<<: Install Apache2.4+PHP7.0+MySQL5.7.16 on macOS Sierra

>>: 8 commands to effectively manage processes in Linux