vite项目在GitHub页面部署

修改 vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  base:'/viteProject/'   // 对应GitHub项目名称
})

添加deploy.sh文件

# 发生任何错误时终止
set -e

# 构建
npm run build

# 进入输出产物文件夹
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:Wang9977/viteProject.git master:gh-pages

cd -

执行deploy.sh
- 切换到git bash 命令行
- 执行 ./deploy.sh
github部署
- 打开GitHub对应项目 setting页面
- 在左边菜单栏选择Pages
- Source 选择gh-pages分支
demo

vite项目 在GitHub页面部署

vite项目在GitHub页面部署