用若依快速部署前后端分离项目，从入门到实战

使用若依框架在云服务器上部署前后端分离项目

准备工作

在进行部署之前，我们需要做好准备工作，包括安装必要的软件和配置环境。

• 云服务器： 一台阿里云服务器，确保具有足够的资源来运行项目。
• JDK 1.8或更高： Java开发工具包，用于运行Java代码。
• Maven 3.6或更高： 构建管理工具，用于管理项目依赖项。
• Node.js 16或更高： JavaScript运行时环境，用于运行前端代码。

克隆项目

接下来，我们需要克隆若依项目的仓库。

git clone https://github.com/yitter/ruoyi.git

配置数据库

若依项目使用 MySQL 数据库，因此我们需要创建一个 MySQL 数据库并更新配置文件中的数据库配置。

1. 创建 MySQL 数据库： 登录您的数据库管理工具，创建一个名为 ruoyi 的数据库及其用户。
2. 更新配置文件： 打开 application.yml 文件，将数据库URL、用户名和密码更新为您创建的数据库信息。

构建项目

现在，我们可以构建若依项目。

mvn clean install

运行后端服务

构建成功后，我们需要运行后端服务。

mvn spring-boot:run

运行前端项目

接着，我们需要运行前端项目。

1. 安装依赖项： 进入 ruoyi-ui 目录并运行 npm install 安装项目依赖项。
2. 运行前端： 运行 npm run serve 启动前端项目。

部署到云服务器

现在，我们可以将项目部署到云服务器上。

1. 部署后端： 将 ruoyi-admin 目录中的 target 文件夹部署到云服务器上的 /opt/ruoyi 目录。
2. 部署前端： 将 ruoyi-ui 目录中的 dist 文件夹部署到云服务器上的 /usr/share/nginx/html 目录。

配置 Nginx

我们需要配置 Nginx 来代理后端服务。

1. 安装 Nginx： 在云服务器上安装 Nginx。
2. 创建配置文件： 创建一个新的 Nginx 配置文件（例如 /etc/nginx/conf.d/ruoyi.conf），内容如下：

server {
    listen 80;
    server_name your-domain.com;

    location / {
        root /usr/share/nginx/html;
        index index.html;
    }

    location /api/ {
        proxy_pass http://localhost:8080;
    }
}

3. 重启 Nginx： 重启 Nginx 以应用更改。

测试部署

部署完成后，我们可以访问您的域名（例如 http://your-domain.com）来测试部署。您应该能够看到若依的前端页面，并且可以登录到系统。

结论

恭喜！您已成功在云服务器上部署了若依前后端分离项目。若依是一个功能强大的框架，可以帮助您快速、轻松地构建企业级应用程序。

常见问题解答

• 如何连接到数据库？
  更新 application.yml 文件中的数据库配置，包括 URL、用户名和密码。
• 如何启动前端项目？
  在 ruoyi-ui 目录中运行 npm run serve。
• 如何配置 Nginx 代理？
  在 Nginx 配置文件中添加 proxy_pass 指令，将请求转发到后端服务。
• 若依支持哪些数据库？
  若依目前支持 MySQL、PostgreSQL 和 Oracle。
• 如何部署到不同的服务器？
  只需将项目部署到目标服务器上，并相应调整 Nginx 配置文件中的 proxy_pass 指令。