vue.js - Why can't I preview my vue project when I upload it to github?

Question

The preview is blank.

Answer 1

You need to deploy the static files generated by packaging to the gh-pages branch to preview. Even if the vue source code is deployed to the gp-pages branch, Github does not support direct compilation of the vue project. You need to compile it locally and submit it.

Answer 2

You need to submit the locally compiled files to github,
npm run build

After uploading, it should be like this, not yours

Answer 3

If you want to see the page effect, check how to use github pages. If you want to display the introduction in the library, edit README.md on the current page
If the address points to a file, the code inside will be displayed, and the directory will display README.md