1、前端环境部署

nodejs安装：

nodejs官网：https://nodejs.org/en/download/prebuilt-installer

我这里下载的是离线包，也可以选择在线安装。

随后解压离线包，到当前目录，最好是/opt下。

tar xvf node-v22.16.0-linux-x64.tar.xz 

我下载的是node-v22.16.0版本

随后配置环境变量

source /etc/profile.d/nodejs.sh

配置npm的仓库

npm config set registry https://mirrors.cloud.tencent.com/npm/

安装pnpm

npm install -g pnpm

2、前端构建

克隆前端

git clone https://gitee.com/yudaocode/yudao-ui-admin-vue3.git

进入前端目录切换版本

cd yudao-ui-admin-vue3/
git tag
git checkout v2.6.0

替换后端地址

/opt/yudao-ui-admin-vue3/.env.local中的'localhost'全换成后端地址

pnpm构建

pnpm install

如果不能下载，可以使用官方镜像源挂梯子用隧道模式下载
pnpm config set registry https://registry.npmjs.org/

安装完成后使用pnpm build:local

构建完成。

随后打包目录

tar czf /tmp/yudao-vue3.tar.gz -C /opt/yudao-ui-admin-vue3/dist .

随后将压缩文件打包至服务器

/tmp/yudao-vue3.tar.gz