Vue项目怎么在Git pages预览

Question

想在Git pages上预览Vue项目在给出的链接后加上了index.html 无法实现完整效果只有一个index.html里的内容组件效果无法呈现求解

Answer 1

无法呈现组件内容，是因为Vue项目并没有打包。你使用项目根目录中的index.html当然不会有任何内容。

解决：

1. 将Vue项目打包，在项目根目录中执行命令$ npm run build。

2. 打包后的资源放在dist目录中，将此目录中内容放置在Git Pages。