- 将config文件夹下的index.js文件中build的assetsPublicPath属性改为./(注意不要改成dev的路径)
- npm run build
- 把dist文件夹里的东西单独拷出来新建一个文件夹
- 将该文件夹中的内容上传到github的一个仓库中,此时仓库目录index.html在根目录
上传方法如下:
1)先进入项目文件夹,通过命令 git init 把这个目录变成git可以管理的仓库
2)把文件添加到版本库中,使用命令 git add .添加到暂存区里面去,不要忘记后面的小数点“.”,意思为添加文件夹下的所有文件git init
3)用命令 git commit告诉Git,把文件提交到仓库。引号内为提交说明。git add .
4)关联到远程库。git commit -m 'message'
5)将项目所有push文件到仓库中。git remote add origin 你的远程库地(如:https://github.com/Aaron0525/Vue-juejin-App.git) 实际为 git remote add origin https://github.com/qiuhao8888/qiuhao8888.github.io
注:一般上传10分钟后生效git push -u origin master 第五步操作时,有时会失败,我的方法是将 u 改为 f 来提交,即输入命令git push -f origin master。回到github中该项目的仓库,项目文件就提交上去了,若失败,请仔细核对步骤。
VUE 上传到 github pages
坚持原创技术分享,您的支持将鼓励我继续创作!