VUE 上传到 github pages

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