测试开发-前端项目部署

前端文件改动

不知道这块是否有影响部署，但目前就改了这块。

 服务器上改动

前端代码操作

1、切换到前端项目目录
2、执行打包命令 npm run build
3、切换到dist目录
4、将dist文件夹内所有文件移动到nginx的html目录下


以下是上方操作的sh文件

#!/bin/bash

# 设置工作目录
WORKDIR="/home/app/Programe/er-auto-test/Web"
DISTDIR="$WORKDIR/dist"
NGINXDIR="/usr/share/nginx/html"

# 切换到工作目录
cd "$WORKDIR" || { echo "无法切换到工作目录: $WORKDIR"; exit 1; }
echo "当前工作目录: $(pwd)"

# 设置Node.js环境变量
export NODE_OPTIONS=--openssl-legacy-provider

# 构建项目
npm run build || { echo "构建项目失败"; exit 1; }

# 切换到分发目录
cd "$DISTDIR" || { echo "无法切换到分发目录: $DISTDIR"; exit 1; }
echo "分发目录: $(pwd)"

# 备份Nginx目录（可选，但推荐）
TIMESTAMP=$(date +"%Y%m%d%H%M%S")
BACKUPDIR="$NGINXDIR-backup-$TIMESTAMP"
sudo cp -r "$NGINXDIR"/* "$BACKUPDIR" || { echo "备份Nginx目录失败"; exit 1; }
echo "Nginx目录已备份到: $BACKUPDIR"

# 移动分发文件到Nginx目录
sudo mv * "$NGINXDIR" || { echo "移动分发文件到Nginx目录失败"; exit 1; }

echo "构建和部署完成"

Nginx操作

修改nginx.conf文件