二级目录部署有妙招，若依项目轻松搞定！

2023-10-23 12:39:59

前言

若依项目是一个功能强大、代码优良的Spring Boot项目，在实际生产环境中部署时，可能会遇到需要将项目部署到二级目录的情况。二级目录部署是指将项目部署到根目录下的某个子目录中，这可以使项目目录结构更加清晰，便于管理。

若依前端项目打包

若依项目的前端代码是基于Vue.js框架开发的，打包后的前端代码需要部署到二级目录中。前端代码的打包可以通过以下步骤完成：

安装Node.js和npm：若依项目的前端代码依赖于Node.js和npm，因此需要先安装这两个工具。
安装Vue CLI：Vue CLI是Vue.js的命令行工具，可以帮助我们快速构建和打包Vue.js项目。可以使用以下命令安装Vue CLI：

npm install -g @vue/cli

创建Vue.js项目：使用Vue CLI创建新的Vue.js项目，并将项目目录命名为若依前端项目。

vue create 若依前端项目

cd 若依前端项目

安装若依前端项目依赖：使用以下命令安装若依前端项目的依赖。

npm install

构建前端代码：使用以下命令构建前端代码。

npm run build

构建完成后，会在dist目录中生成打包后的前端代码。

若依后端项目部署

若依后端项目是基于Spring Boot框架开发的，部署过程相对简单。

将打包后的前端代码复制到二级目录中：将dist目录下的所有文件复制到二级目录中。
进入若依后端项目目录：进入若依后端项目的根目录。
修改配置文件：修改application.properties文件，将server.servlet.context-path的值修改为二级目录的名称。例如，如果二级目录的名称为项目管理，则需要将server.servlet.context-path的值修改为/项目管理。
部署后端项目：将若依后端项目部署到应用服务器中。

Nginx配置

在完成若依前端项目打包和后端项目部署后，还需要配置Nginx以支持二级目录部署。

打开Nginx配置文件：使用文本编辑器打开Nginx配置文件。
添加server块：在Nginx配置文件中添加一个新的server块，如下所示：

server {
    listen 80;
    server_name www.example.com;

    location / {
        root /var/www/html/若依项目;
        index index.html index.jsp;
    }

    location /项目管理 {
        root /var/www/html/若依项目/dist;
        index index.html index.jsp;
    }
}