前端Demo写完后,静态网页可以部署到gitbubpages,这里写一下自己部署的流程。
-
因为打包后的资源地址和开发环境不一样,所以先在vue.config.js文件里修改路径,没有文件的话就自己新建。我的版本是脚手架4.x,其他版本的路径修改会不一样,需要自己看一下。
-
项目npm run build后打包后会生成成dist文件夹
打包后把index.js放到本地测试,比如vscde的live-server插件 -
打开github远程仓库,如果没有就建一个,将完整的项目先push到远程仓库。
-
可以直接在主分支上部署,我又建了一个分支专门放dist部署,源代码在main,dist文件在gh-pages分支。
-
在settings里面找到page服务
选择要部署的分支后save即可,上面就是项目的地址了,以后再修改就直接push到gh-pages分支上。git push 远程仓库 本地分支:远程分支