Vue项目部署到github pages上

最新推荐文章于 2024-07-11 14:20:14 发布

萝卜北l

最新推荐文章于 2024-07-11 14:20:14 发布

阅读量397

点赞数

分类专栏： github

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/luobobei/article/details/119359180

版权

本文介绍了如何将Vue项目部署到GitHub Pages。首先，在GitHub上新建仓库或在现有仓库创建gh-pages分支。接着，修改vue.config.js配置，打包Vue项目，并通过git命令将项目推送到远程仓库。最后，在仓库设置中配置Pages源，保存后获取项目展示地址，即可访问部署的Vue应用。

摘要由CSDN通过智能技术生成

Vue项目部署到github pages上

1.新建仓库

在这里插入图片描述

在GitHub上新建一个仓库或者在原有仓库新建分支gh-pages

2.打包

在这里插入图片描述

修改vue.config.js文件
打包你的vue项目，新建一个文件夹，git init ,git add ., git commit -m “你要提交的信息”， git push 到你的远程仓库

3.展示项目

在这里插入图片描述

点击你的仓库的settings

在这里插入图片描述

往下滑找到pages
把source部分设置你的分支和文件夹，点save保存。上面绿色的部分就会出来项目展示地址。
点击这个地址就可以访问展示页面了。

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
Vue项目部署到github pages上

Vue项目部署到github pages上1.新建仓库在GitHub上新建一个仓库或者在原有仓库新建分支gh-pages2.打包[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yHv8UUOy-1627996434726)(F:\web前端\笔记\img\git资料\image-20210803184238298.png)]修改vue.config.js文件打包你的vue项目，新建一个文件夹，git init ,git add ., git commit
复制链接

扫一扫

专栏目录

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。