更新vxetable框架并升级前端组件框架
This commit is contained in:
62
deploy/deploy-frontend.ps1
Normal file
62
deploy/deploy-frontend.ps1
Normal file
@@ -0,0 +1,62 @@
|
||||
# ============================================================
|
||||
# OpenHIS 前端部署脚本 (Windows PowerShell)
|
||||
# 用法: .\deploy-frontend.ps1 [-Env prod|test|staging|dev]
|
||||
# ============================================================
|
||||
param(
|
||||
[ValidateSet("prod","test","staging","dev")]
|
||||
[string]$Env = "prod"
|
||||
)
|
||||
|
||||
$ErrorActionPreference = "Stop"
|
||||
$ProjectDir = Split-Path -Parent (Split-Path -Parent $MyInvocation.MyCommand.Path)
|
||||
$UiDir = "$ProjectDir\openhis-ui-vue3"
|
||||
$DistDir = "$UiDir\dist"
|
||||
|
||||
Write-Host "==========================================" -ForegroundColor Cyan
|
||||
Write-Host " OpenHIS 前端部署" -ForegroundColor Cyan
|
||||
Write-Host " 环境: $Env" -ForegroundColor Cyan
|
||||
Write-Host " 目录: $UiDir" -ForegroundColor Cyan
|
||||
Write-Host "==========================================" -ForegroundColor Cyan
|
||||
|
||||
# ---------- 1. 环境检查 ----------
|
||||
Write-Host "`n[1/5] 环境检查..." -ForegroundColor Yellow
|
||||
|
||||
try { $nodeVer = node -v } catch { Write-Host "错误: 未找到 node" -ForegroundColor Red; exit 1 }
|
||||
try { $npmVer = npm -v } catch { Write-Host "错误: 未找到 npm" -ForegroundColor Red; exit 1 }
|
||||
|
||||
$nodeMajor = [int]($nodeVer -replace 'v','' -split '\.')[0]
|
||||
if ($nodeMajor -lt 18) {
|
||||
Write-Host "错误: Node.js >= 18，当前 $nodeVer" -ForegroundColor Red
|
||||
exit 1
|
||||
}
|
||||
Write-Host " Node.js: $nodeVer ✓"
|
||||
Write-Host " npm: $npmVer ✓"
|
||||
|
||||
# ---------- 2. 安装依赖 ----------
|
||||
Write-Host "`n[2/5] 安装依赖..." -ForegroundColor Yellow
|
||||
Set-Location $UiDir
|
||||
npm install --legacy-peer-deps
|
||||
Write-Host " 依赖安装完成 ✓" -ForegroundColor Green
|
||||
|
||||
# ---------- 3. 构建 ----------
|
||||
Write-Host "`n[3/5] 构建 ($Env)..." -ForegroundColor Yellow
|
||||
npm run "build:$Env"
|
||||
Write-Host " 构建完成 ✓" -ForegroundColor Green
|
||||
|
||||
# ---------- 4. 产物信息 ----------
|
||||
Write-Host "`n[4/5] 构建产物:" -ForegroundColor Yellow
|
||||
$totalSize = (Get-ChildItem $DistDir -Recurse -File | Measure-Object -Property Length -Sum).Sum
|
||||
$fileCount = (Get-ChildItem $DistDir -Recurse -File).Count
|
||||
Write-Host " 路径: $DistDir"
|
||||
Write-Host " 大小: $([math]::Round($totalSize/1MB, 2)) MB"
|
||||
Write-Host " 文件: $fileCount 个"
|
||||
|
||||
# ---------- 5. 部署提示 ----------
|
||||
Write-Host "`n[5/5] 后续操作:" -ForegroundColor Yellow
|
||||
Write-Host ""
|
||||
Write-Host " 将 $DistDir 目录内容上传到服务器 Nginx 根目录"
|
||||
Write-Host " 然后在服务器执行: nginx -s reload"
|
||||
Write-Host ""
|
||||
Write-Host "==========================================" -ForegroundColor Cyan
|
||||
Write-Host " 构建完成!" -ForegroundColor Green
|
||||
Write-Host "==========================================" -ForegroundColor Cyan
|
||||
84
deploy/deploy-frontend.sh
Normal file
84
deploy/deploy-frontend.sh
Normal file
@@ -0,0 +1,84 @@
|
||||
#!/bin/bash
|
||||
# ============================================================
|
||||
# OpenHIS 前端部署脚本
|
||||
# 用法: bash deploy-frontend.sh [prod|test|staging|dev]
|
||||
# 默认: prod
|
||||
# ============================================================
|
||||
set -e
|
||||
|
||||
MODE=${1:-prod}
|
||||
PROJECT_DIR=$(cd "$(dirname "$0")/.." && pwd)
|
||||
UI_DIR="$PROJECT_DIR/openhis-ui-vue3"
|
||||
DIST_DIR="$UI_DIR/dist"
|
||||
|
||||
echo "=========================================="
|
||||
echo " OpenHIS 前端部署"
|
||||
echo " 环境: $MODE"
|
||||
echo " 目录: $UI_DIR"
|
||||
echo "=========================================="
|
||||
|
||||
# ---------- 1. 环境检查 ----------
|
||||
echo ""
|
||||
echo "[1/5] 环境检查..."
|
||||
|
||||
check_cmd() {
|
||||
if ! command -v "$1" &> /dev/null; then
|
||||
echo "错误: 未找到 $1，请先安装"
|
||||
exit 1
|
||||
fi
|
||||
}
|
||||
|
||||
check_cmd node
|
||||
check_cmd npm
|
||||
|
||||
NODE_VER=$(node -v | sed 's/v//' | cut -d. -f1)
|
||||
if [ "$NODE_VER" -lt 18 ]; then
|
||||
echo "错误: Node.js 版本需要 >= 18，当前: $(node -v)"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
echo " Node.js: $(node -v) ✓"
|
||||
echo " npm: $(npm -v) ✓"
|
||||
|
||||
# ---------- 2. 安装依赖 ----------
|
||||
echo ""
|
||||
echo "[2/5] 安装依赖..."
|
||||
cd "$UI_DIR"
|
||||
|
||||
# 清理旧的 node_modules（可选，取消注释启用）
|
||||
# echo " 清理旧依赖..."
|
||||
# rm -rf node_modules package-lock.json
|
||||
|
||||
npm install --production=false --legacy-peer-deps
|
||||
echo " 依赖安装完成 ✓"
|
||||
|
||||
# ---------- 3. 构建 ----------
|
||||
echo ""
|
||||
echo "[3/5] 构建 ($MODE)..."
|
||||
npm run "build:$MODE"
|
||||
echo " 构建完成 ✓"
|
||||
|
||||
# ---------- 4. 产物信息 ----------
|
||||
echo ""
|
||||
echo "[4/5] 构建产物:"
|
||||
TOTAL_SIZE=$(du -sh "$DIST_DIR" 2>/dev/null | cut -f1)
|
||||
FILE_COUNT=$(find "$DIST_DIR" -type f | wc -l)
|
||||
echo " 路径: $DIST_DIR"
|
||||
echo " 大小: $TOTAL_SIZE"
|
||||
echo " 文件: $FILE_COUNT 个"
|
||||
|
||||
# ---------- 5. 部署提示 ----------
|
||||
echo ""
|
||||
echo "[5/5] 部署方式:"
|
||||
echo ""
|
||||
echo " 方式一: 复制到 Nginx"
|
||||
echo " cp -r $DIST_DIR/* /usr/share/nginx/html/openhis/"
|
||||
echo " nginx -s reload"
|
||||
echo ""
|
||||
echo " 方式二: 软链接（推荐，方便更新）"
|
||||
echo " ln -sfn $DIST_DIR /usr/share/nginx/html/openhis"
|
||||
echo " nginx -s reload"
|
||||
echo ""
|
||||
echo "=========================================="
|
||||
echo " 部署完成!"
|
||||
echo "=========================================="
|
||||
81
deploy/fix-deps.sh
Normal file
81
deploy/fix-deps.sh
Normal file
@@ -0,0 +1,81 @@
|
||||
# ============================================================
|
||||
# OpenHIS 前端依赖问题排查与修复脚本
|
||||
# 用法: bash fix-deps.sh
|
||||
# ============================================================
|
||||
set -e
|
||||
|
||||
PROJECT_DIR=$(cd "$(dirname "$0")/.." && pwd)
|
||||
UI_DIR="$PROJECT_DIR/openhis-ui-vue3"
|
||||
|
||||
cd "$UI_DIR"
|
||||
|
||||
echo "=========================================="
|
||||
echo " OpenHIS 前端依赖诊断"
|
||||
echo "=========================================="
|
||||
echo ""
|
||||
|
||||
# 检查 node_modules 是否存在
|
||||
if [ ! -d "node_modules" ]; then
|
||||
echo "[!] node_modules 不存在，执行 npm install..."
|
||||
npm install --legacy-peer-deps
|
||||
exit 0
|
||||
fi
|
||||
|
||||
# 检查 package-lock.json 是否存在
|
||||
if [ ! -f "package-lock.json" ]; then
|
||||
echo "[!] package-lock.json 缺失，重新生成..."
|
||||
npm install --legacy-peer-deps
|
||||
fi
|
||||
|
||||
# 检查关键依赖
|
||||
echo "检查关键依赖:"
|
||||
DEPS=("vue" "vite" "vxe-table" "element-plus" "pinia" "vue-router" "axios" "dayjs")
|
||||
for dep in "${DEPS[@]}"; do
|
||||
if [ -d "node_modules/$dep" ]; then
|
||||
VER=$(node -p "require('./node_modules/$dep/package.json').version" 2>/dev/null || echo "未知")
|
||||
echo " ✓ $dep@$VER"
|
||||
else
|
||||
echo " ✗ $dep 缺失!"
|
||||
fi
|
||||
done
|
||||
|
||||
echo ""
|
||||
|
||||
# 检查过时依赖
|
||||
echo "检查过时依赖 (可选升级):"
|
||||
npm outdated 2>/dev/null || true
|
||||
|
||||
echo ""
|
||||
|
||||
# 常见问题修复菜单
|
||||
echo "=========================================="
|
||||
echo " 修复选项:"
|
||||
echo " 1) 重新安装依赖 (rm node_modules + npm install)"
|
||||
echo " 2) 清理缓存并重装 (npm cache clean + 重装)"
|
||||
echo " 3) 修复 peer 依赖冲突 (npm install --legacy-peer-deps)"
|
||||
echo " 4) 退出"
|
||||
echo "=========================================="
|
||||
read -p "选择 [1-4]: " choice
|
||||
|
||||
case $choice in
|
||||
1)
|
||||
echo "清理 node_modules..."
|
||||
rm -rf node_modules package-lock.json
|
||||
npm install --legacy-peer-deps
|
||||
;;
|
||||
2)
|
||||
echo "清理缓存..."
|
||||
npm cache clean --force
|
||||
rm -rf node_modules package-lock.json
|
||||
npm install --legacy-peer-deps
|
||||
;;
|
||||
3)
|
||||
npm install --legacy-peer-deps
|
||||
;;
|
||||
*)
|
||||
echo "退出"
|
||||
;;
|
||||
esac
|
||||
|
||||
echo ""
|
||||
echo "完成 ✓"
|
||||
48
deploy/nginx-openhis.conf
Normal file
48
deploy/nginx-openhis.conf
Normal file
@@ -0,0 +1,48 @@
|
||||
# ============================================================
|
||||
# OpenHIS 前端 Nginx 配置
|
||||
# 放到 /etc/nginx/conf.d/openhis.conf 或 include 到 nginx.conf
|
||||
# ============================================================
|
||||
|
||||
server {
|
||||
listen 80;
|
||||
server_name openhis.local; # 改成实际域名或 IP
|
||||
|
||||
# 前端静态文件
|
||||
location / {
|
||||
root /usr/share/nginx/html/openhis;
|
||||
index index.html;
|
||||
try_files $uri $uri/ /index.html; # SPA 路由回退
|
||||
}
|
||||
|
||||
# 后端 API 代理
|
||||
location /prd-api/ {
|
||||
proxy_pass http://127.0.0.1:18080/openhis/;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
proxy_connect_timeout 300;
|
||||
proxy_read_timeout 300;
|
||||
client_max_body_size 50m;
|
||||
}
|
||||
|
||||
# gzip 压缩（Vite 构建已生成 .gz 文件，Nginx 直接发送）
|
||||
gzip on;
|
||||
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript image/svg+xml;
|
||||
gzip_min_length 1024;
|
||||
gzip_comp_level 6;
|
||||
gzip_vary on;
|
||||
|
||||
# 静态资源缓存（带 hash 的文件长期缓存）
|
||||
location ~* /assets/.*\.(js|css|woff2?|ttf|eot|png|jpg|jpeg|gif|svg|ico)$ {
|
||||
root /usr/share/nginx/html/openhis;
|
||||
expires 365d;
|
||||
add_header Cache-Control "public, immutable";
|
||||
}
|
||||
|
||||
# index.html 不缓存（保证更新及时生效）
|
||||
location = /index.html {
|
||||
root /usr/share/nginx/html/openhis;
|
||||
add_header Cache-Control "no-cache, no-store, must-revalidate";
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user