Vue项目发布到github Page步骤

最新推荐文章于 2025-06-28 12:50:59 发布
原创 最新推荐文章于 2025-06-28 12:50:59 发布 · 2.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何将Vue项目部署到GitHub Pages上。包括手动上传index.html文件的方式及使用vue-cli构建项目的步骤。通过修改配置文件并运行构建命令，最后上传dist目录的内容即可完成部署。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

新建仓库，在setting中设置github Page开启

一、手动写的Vue项目：
直接将index.html上传至根目录。

二、通过vue-cli创建的项目：
修改config/index.js里的assetsPublicPath字段。改为./

npm run build

打包。将生成的dist目录中的文件上传到仓库根目录。

访问https://用户名.github.io/仓库名

如何将github开源项目发布
Go与Python双剑合一
05-26 533
当我们的开源项目完成后，如果是一些可执行程序，就最好要将开源项目发布生成Releases，Releases包含各个系统架构的分发二进制，用户可以不用源码编译安装，而是直接下载安装，这样可以提高开源项目的用户体检。我们可以使用`goreleaser`这个开源工具帮我们快速发布项目。本文将介绍goreleaser的基本使用。
Vue 项目部署到GitHub Pages
GuAng
08-18 1399
运行后，git就会执行该文件里的命令。大致就是，构建打包项目代码，然后将打包后的代码上传到仓库中的 gh-pages 分支。要将项目部署到 https://.github.io// 上 (即仓库地址为 https://github.com//)，可将 publicPath 设为 “//”。在你的github项目的 Settings - Options 下的 GitHub Pages项里，可以看到你的项目线上网站地址。...
vue项目部署-github
weixin_45184807的博客
06-16 151
1创建github项目 创建项目完成 2上传打包好的vue项目
完整 GitHub 项目上传流程（新手友好精炼版）
最新发布
m0_62996538的博客
06-28 186
📌 此时变更只保存在本地！
部署Vue项目到githubPage中
maohangfei.cn
10-23 1184
将Vue项目部署到githubPage上
GitHub项目发布
qq_33494480的博客
08-27 684
我们开源到GitHub上的项目别人可以下载源码，但是不可以直接在项目中依赖使用，如何别人依赖你，起始GitHub中提供了仓库的功能，项目需要Release  GitHub项目发布 第一步：点击Release  标题 第二步：操作第一步，如果未操作过Release 页面如下，点击“Create a new release” 第三步： 操作第二步后页面如下： 标注的信息...
发布项目到GitHub
L15810356216的博客
05-29 416
首先根据下图的操作创建一个仓库，这是干什么的?可以简单粗暴的理解为一个项目一个仓库就行了。 创建成功后看到到下图，这图的那个地址先记住了，一会可是要用的呢，这是这个仓库的地址，我们项目要传到这里来。 然后就去下载一个git，可以网上搜索git下载，会有很多教程，这里宝宝贴出官方的下载地址：https://git-scm.com/downloads/ 还有一个网上找的安装教程...
将Vue项目部署到Github Page上
主要分享大数据相关的知识，如Spark、Hudi
01-02 6459
前言 本文讲如何将Vue项目的dist文件夹部署到Github Page上，目的是可以在线访问前端效果，这样不需要自己购买服务器，当然任何静态文件夹都可以这样做，不止局限于Vue 操作步骤 1、首先在Git上建立一个项目，如vue-echarts-map 2、然后将本地项目push到远程master （非必须） echo "# vue-echarts-map" >> README.m...
vue cli 3.x 项目部署到 github pages的方法
10-17
Vue CLI 3.x 是 Vue.js 开发环境的脚手架工具，它简化了构建 Vue 应用的过程。本文将详细讲解如何将 Vue CLI 3.x 项目部署到 ...遵循这些步骤，你可以轻松地将 Vue 项目部署到 GitHub Pages 上，与他人分享你的成果。
如何把vue3的页面放在github pages上展示？具体步骤是怎样的？底层原理是什么？
长风破浪会有时的博客
02-04 503
将 Vue 3 应用部署到 GitHub Pages 上是一个常见的需求，尤其是对于个人项目、博客或文档站点。
使用Github Actions将Vue项目部署到Github Pages
Mengyu的博客
11-16 563
GitHub Actions 是 GitHub 的持续集成服务，是一个非常强大的功能，用它可以实现很多自动化功能。现在我们来使用Github Actions将我们做好的Vue项目部署到Github Pages上。
vue项目打包后上传至GitHub并实现github-pages的预览
11-28
vue项目打包后上传至GitHub，并实现github-pages的预览 1. 打包vue 项目 vue项目： 命令行输入打包命令npm run build，生成了dist文件夹： 打包完成。 打包常见问题1——项目资源无法加载 打开刚刚打包好的dist文件夹，浏览器打开index.html 发现该页面是空白的，打开控制台发现 这里看到index.html文件中没有加载任何css、js文件。 解决方法——修改config文件 打开项目根目录config下的index.js文件，进行如下修改： 即将assetsPublicPath: '/'改成assetsPublicPath
使用github部署vue项目
WUTAO2213的博客
08-29 721
参考文章： 1.https://www.cnblogs.com/jackyroc/p/7681938.html 2.https://blog.youkuaiyun.com/unirrrrr/article/details/80330831 3.https://blog.youkuaiyun.com/qq_38931949/article/details/82669240 转载于:https://w...
GitHub上传自己的项目
知识搬运者
11-04 5801
进入您的 GitHub 主页，点击右上角的加号图标，选择 "New Repository"。默认情况下，GitHub 仓库的主分支名称是 "master"，但为了更加包容和尊重的命名，GitHub 已经将默认分支更改为 "main"。生成成功后，去对应目录C:\Users\Y\ .ssh里（Y为电脑用户名，每个人不同）用记事本打开id_rsa.pub，得到ssh key公钥。然后打开SSH keys菜单， 点击Add SSH key新增密钥，填上标题，跟仓库保持一致吧，好区分。
如何在GitHub发布自己的项目
yggcwhat
01-08 3367
GitHub网址GitHub: Where the world builds software · GitHub，没注册的可以自行注册，注册过的可以直接使用 一、create a new repository（新建一个存储仓库） 填写项目说明 点击Create repository生成如下页面：把链接复制好，等下会用到 二、使用Git上传项目 1、没下载Git的先下载，下载地址：https://git-scm.com/ ，不会下载的可以看下这篇博客 https:/...
Github上传项目（手把手实操版)，简单易学！
YTHX516的博客
04-13 5907
Github上传项目（手把手实操版)，简单易学！
vue项目添加到github page上
weixin_34290631的博客
05-29 930
准备工作 1、在自己准备上传到github上的vue项目下执行 npm run build 打包生成 dist 文件夹 （上传到 github 上的即为打包生成的 dist 文件夹）。 2、注册 github （此处不做注册介绍，默认已经注册） 打开 settings 设置，找到Github Pages 的设置 点击 source 中的 None，使其成为 master 分支...
使用GitHub进行项目的发布和管理教程
wangking407的博客
10-25 1075
使用GitHub进行项目的发布和管理 GitHub是什么就不多说了，目前最流行的在线项目管理工具 教程主要给GitHub新手能快速上手 使用GitHub进行项目的发布和管理 项目发布 下载工具 git 注册GitHub 注册公钥 clone项目到本地 修改项目并提交 项目管理 项目发布 GitHub既然是个项目托管工具，那我们应该如何把自己的项目发布上去呢 分为几个步骤： 下...
怎样在GitHub上传自己的项目
热门推荐
weixin_43739316的博客
08-07 1万+
本篇博客详细描述了在拥有GitHub账号和下载安装完毕Git后如何通过Git上传本地项目到GitHub网站上。
如何部署vuepress到github page
03-17
嗯，用户想了解如何将VuePress项目部署到GitHub Pages，需要详细教程和配置方法。首先，我得回忆一下之前处理类似问题的步骤。根据提供的引用内容，有几个关键点需要注意：修改config.js中的base属性，创建GitHub...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值