19. 部署项目

将项目部署到 GitHub 和 Gitee 上

1. 添加配置

在 vue.config.js 中添加项目文件夹配置
将 my-project 替换为仓库目录名, 否则发布后相对路径不正确

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

2. 自动部署

在项目根目录新建 deploy.sh

#!/usr/bin/env sh
# 当发生错误时中止脚本
set -e
rm -rf dist &&
yarn build &&
cd dist &&
git init &&
git add . &&
git commit -m "deploy" &&
# 部署到 github
git remote add github git@github.com:xxx/xixi-supermarket.git &&
git push -f github master &&
# 部署到 gitee
git remote add gitee git@gitee.com:xxx/xixi-supermarket.git &&
git push -f gitee master &&
cd -
echo 'done!'

执行命令 sh deploy.sh 完成一键部署
分别到 github 和 gitee 上设置 github pages 或 gitee pages 即可查看项目效果

项目预览链接