使用 gitee 部署 Vue 静态页

打包之前需要配置 publicPath，在 package.json 的同级目录新建 vue.config.js，并添加以下代码，防止打包后页面空白

module.exports = {
    publicPath: "./"
}

打包 vue 项目

npm run build

访问 gitee 官网，新建仓库


进入仓库，复制地址

本案例采用 TortiseGit 拉取项目，如没有安装，请自行下载，需安装 git 和 TortiseGit ，安装成功后，在桌面右键点击 Git 克隆

URL 粘贴仓库地址，勾选递归，确定拉取 gitee 项目

拉取成功后把打包的Vue项目中的 dist 文件夹放该文件内

在根目录上右键点击 Git 提交，提交成功后推送，如需登录请输入 gitee 用户名密码登录即可

返回 gitee，点击 gitee Pages

部署目录填写 dist，会生成页面地址 http://tianmeng1603.gitee.io/git-pages