vue项目部署giteePages遇到的bug一般静态项目部署到平台，都会通过build命令对代码进行压缩。以下内容以v

一般静态项目部署到平台，都会通过build命令对代码进行压缩。以下内容以vue项目为例

需要在命令行进行如下，

yarn build

可以对dist目录项目预览

npm install -g serve

serve -s dist

部署到github

码云可以直接将github的项目转移过来，所以可以先将项目部署到github。

手动推送更新

在 vue.config.js 中设置正确的 publicPath。

一般情况下，会将项目部署到 https://.github.io// 上 (即仓库地址为 github.com//)，可将 publicPath 设为 "//"。举个例子，如果仓库名字为“my-project”，那么 vue.config.js 的内容应如下所示：

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

在项目目录下，创建内容如下的 deploy.sh (可以适当地取消注释) 并运行它以进行部署：

#!/usr/bin/env sh

# 当发生错误时中止脚本
set -e

# 构建
npm run build

# cd 到构建输出的目录下 
cd dist

# 部署到自定义域域名
# echo 'www.example.com' > CNAME

git init
git add -A
git commit -m 'deploy'

# 部署到 https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master

# 部署到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

cd -

注意，应新建一个仓库做部署静态网页的仓库，区别于源代码仓库，以上内容都是针对新仓库。

由于giteePages会把url自动转化成小写，在github创建仓库时仓库名应小写

部署到giteePages

进入码云官网 gitee.com/

进行新建仓库，

点击最下方，将github仓库导入即可。（复制github仓库链接）

仓库创建成功后，开启giteePages服务即可。