流水线部署ruoyi前端项目

要在流水线上部署Ruoyi前端项目，你可以按照以下步骤进行操作：

1. 准备环境：确保你的流水线环境中已经安装了必要的软件和工具，例如Git和Node.js。

2. 克隆代码库：使用Git命令克隆Ruoyi前端项目的代码库到你的流水线工作目录中。

   git clone https://github.com/lerry903/RuoYi-Vue.git

3. 安装依赖：进入项目目录，并使用npm命令安装项目所需的依赖。

   cd RuoYi-Vue
   npm install

4. 配置环境变量：根据你的实际需求，修改项目的配置文件。例如，可以在`.env.production`文件中配置后端API的地址。

5. 构建项目：运行npm命令构建Ruoyi前端项目。

   npm run build

这将生成一个`dist`目录，其中包含了编译后的前端代码。

6. 部署到服务器：将生成的`dist`目录中的文件部署到你的服务器上。你可以使用FTP、SCP或其他部署工具来完成此步骤。

   scp -r dist/* user@server:/path/to/destination

7. 配置Web服务器：根据你使用的Web服务器，配置相应的虚拟主机或站点，指向前端项目的部署路径。

8. 启动流水线：在流水线配置中，添加上述步骤的命令和操作，并将触发条件设置为适当的代码提交或其他事件。

这样，每当有新的代码提交或其他事件触发流水线时，Ruoyi前端项目将会自动构建和部署到你的服务器上。