0
点赞
收藏
分享

微信扫一扫

githubpages发布vue项目

转角一扇门 2022-05-05 阅读 55
vue.js

前端Demo写完后,静态网页可以部署到gitbubpages,这里写一下自己部署的流程。

  1. 因为打包后的资源地址和开发环境不一样,所以先在vue.config.js文件里修改路径,没有文件的话就自己新建。我的版本是脚手架4.x,其他版本的路径修改会不一样,需要自己看一下。
    在这里插入图片描述

  2. 项目npm run build后打包后会生成成dist文件夹
    打包后把index.js放到本地测试,比如vscde的live-server插件

  3. 打开github远程仓库,如果没有就建一个,将完整的项目先push到远程仓库。

  4. 可以直接在主分支上部署,我又建了一个分支专门放dist部署,源代码在main,dist文件在gh-pages分支。
    在这里插入图片描述

  5. 在settings里面找到page服务

在这里插入图片描述选择要部署的分支后save即可,上面就是项目的地址了,以后再修改就直接push到gh-pages分支上。git push 远程仓库 本地分支:远程分支
在这里插入图片描述

举报

相关推荐

0 条评论