使用gitee pages部署vue-cli4.X搭建的纯前端vue项目

本文介绍了如何使用gitee pages部署vue-cli4.0搭建的纯前端Vue项目,包括开通gitee pages、vue.config.js配置、.spa文件创建、npm run build和部署步骤。在过程中遇到404资源未找到的问题,通过不断尝试,最终成功部署到新仓库。
摘要由CSDN通过智能技术生成

一、前言

最近做了一个纯前端的静态展示页面,为了方便起见,直接将它部署到了gitee pages上,期间也遇到了一些问题,比如部署后没有页面,控制台报错的404找不到资源的问题,但最后还是成功部署了项目。

二、实现gitee pages部署

2-1、gitee pages是什么

根据gitee pages 官方文档的介绍:
在这里插入图片描述

2-2、开通gitee pages

gitee pages的位置:打开任意一个仓库,参考下面这个图片就可以找到。
如果你是首次使用,需要先将gitee pages这个功能开通,开通这个需要身份证等一些个人材料,提交后等待阿里的工作人员审核通过,这个过程需要一天左右时间。
在这里插入图片描述

2-3、部署vue cli4.X搭建的vue项目(此步骤默认gitee pages功能已开通)

其实,

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值