第一步:在Gitee上新建一个空的项目,记下项目的名称(如:test)
第二步:打包自己的前端项目。
注意事项:手动添加一个vue.config.js配置文件,修改打包之后js、css、图片等文件的引用路径(test为你的Gitee项目名称),这一步是最重要的,因为部署到Gitee上之后,文件的真实路径是在你的Gitee项目下的。

module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
        ? '/test'
        : '/'
    ,
    productionSourceMap: false,
}

第三步:上传代码到Gitee
注意:注释掉.gitignore文件中的/dist代码,否则无法上传打包后生成的dist文件

.DS_Store
node_modules
# /dist 


# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

第四步:使用gitee Pages部署
在这里插入图片描述
注意:部署目录写dist,如果以CDN的方式引用了第三方库,需要取消勾选 '强制使用HTTPS’否则会报错。
到此即可部署成功!
在这里插入图片描述

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐