Vue项目部署到github pages上 1.新建仓库 在GitHub上新建一个仓库或者在原有仓库新建分支gh-pages 2.打包 修改vue.config.js文件 打包你的vue项目,新建一个文件夹,git init ,git add ., git commit -m “你要提交的信息”, git push 到你的远程仓库 3.展示项目 点击你的仓库的setting..
打开github仓库的setting配置,选择Pages配置项,Source项选择Deploy from a branch,Branch项选择gh_pages分支下的/(root)文件夹。 6. 验证 访问https://user.github.io/repo,user为github用户名,repo为github仓库名,例如本例的地址为https://awangll.github.io/vue-demo/...
vue项目上传github后GitHub Pages地址访问空白 原因一 可能是没有上传dist文件 解决办法 原因二 路径配置不对 解决办法 原因一 可能是没有上传dist文件 解决办法 1、在项目中执行 npm run build 将vue项目打包 2、在.gitignore文件中删除掉 /dist/,就是允许上传dist文件(.gitignore中的文件都是默认上传到远程仓库...
GitHubPages 只能帮你生成一个静态网站,但它支持用404.html作为一个fallback(原谅我不知道怎么用中文描述比较贴切)利用这个机制,和sessionStorage或者localStorage就可以实现我们的目的。 404.html 可以把它放到项目中的/public目录,或者放到你为 GitHub Pages 准备的分支里面,我个人选择/public,方便管理。 代码语言:javas...
往后项目的更新,首先还是先将代码push到github上面,待GitHub Pages部署成功后,再在gitee的项目中,点击更新按钮,将github项目的代码强制同步到gitee中即可。 以上,我们就完成了将Vue 项目部署到GitHub Pages,且实现自动部署,并同步到Gitee Pages上。 附: 项目github地址:Marco-hui/vue-admin-web ...
打开git bash到项目路径 构建项目: set –enpmrun build 进入构建目标 cd dist 初始化本地仓库并将其push到远程仓库(github pages) git init git checkout -b main git add -A git commit -m 'deploy' git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main ...
dev.assetsPublicPath }, resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'pages': resolve('src/pages'), 'components': resolve('src/components') } }, module: { rules: [{ test: /\.vue$/, loader: 'vue-...
GitHub Actions 是 GitHub 的持续集成服务,是一个非常强大的功能,用它可以实现很多自动化功能。现在我们来使用Github Actions将我们做好的Vue项目部署到Github Pages上。 本项目源码:Tuzilow/github-actions-demo Github Actions是什么? 持续集成通常由很多操作组成,比如运行单元测试、登录远程服务器、打包代码等等,Github...
git remote add origin git@github.com:Rain120/demo.git git pull origin master --allow-unrelated-histories git push -u origin master ``` 7. Github Setting -- 配置Github page Settings Github Pages Save Setting 最后可以在 https://rain120.github.io/demo/dist/,可以看到部署上线的效果(这个...
"scripts":{..."predeploy":"npm run build","deploy":"gh-pages-d dist",...} 这样之后每次更新本地的网站,然后要推送到远程仓库就容易多啦,只需要在终端里输入: npmrun deploy 回到Github Repository 设置 -> 页面,应该会在顶部看到一个 URL,表明网站已经成功上线啦,点击这个链接🔗就完事～ ...