JAVA著名免费框架若依前后端分离项目详细部署文档

第一部分：部署linux + nginx 第二部分：部署Windows+tomcat 第三部分：调用第三方api的跨域问题处理。 以及常见的部署后页面显示404 的问题处理。 （ruoyi平台简介： 若依是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 前端采用Vue、Element UI。 后端采用Spring Boot、Spring Security、Redis & Jwt。 权限认证使用Jwt，支持多终端认证系统。 支持加载动态权限菜单，多方式轻松权限控制。 高效率开发，使用代码生成器可以一键生成前后端代码。） 《JAVA著名免费框架若依前后端分离项目详细部署文档》 若依框架是一款全面开源的快速开发平台，致力于提供高效便捷的开发体验。其特点包括前端采用Vue.js和Element UI，后端则基于Spring Boot、Spring Security、Redis及Jwt。通过使用Jwt进行权限认证，若依支持多终端认证系统，并且能动态加载权限菜单，实现灵活的权限控制。此外，它还配备代码生成器，一键生成前后端代码，大大提高了开发效率。 部署若依项目涉及两个主要环境：Linux+Nginx和Windows+Tomcat。以下是详细的部署步骤： ### 一、部署Linux+Nginx 1. **部署后台代码**： 使用IntelliJ IDEA的Terminal运行`mvn clean package`命令，生成jar包，一般位于项目的target目录下。 2. **部署前端代码**： 在前端项目根目录运行`npm run build:prod --report`，生成dist文件夹。 3. **Linux服务器准备**： - 安装并启动Redis，用于存储缓存数据。 - 安装Nginx，编辑`/etc/nginx/nginx.conf`配置文件，设置代理规则。 4. **启动服务**： 使用`nohup`命令启动jar包，确保后台运行。同时启动Nginx，通过IP地址访问服务。 ### 二、部署Windows+Tomcat（无Nginx） 1. **修改POM文件**： 将打包类型由jar改为war。 2. **复制WAR包**： 打包后的WAR文件复制到Tomcat的webapps目录，重命名为prod-api。 3. **复制Vue前端**： Vue项目打包的dist目录内容复制到Tomcat的webapps目录下。 4. **修改Tomcat配置**： 更新`conf/service.xml`，设置后台启动端口和访问路径。 5. **解决404问题**： 在dist目录创建WEB-INF文件夹，并添加web.xml文件，处理404错误。 ### 三、跨域问题处理 在调用第三方API如百度地图API时，可能遇到跨域问题。解决这个问题通常需要在后端或前端进行配置： 1. **后端CORS配置**： 在Spring Boot应用中，可以通过`@CrossOrigin`注解或全局配置CORS策略，允许特定来源的请求访问。 2. **前端代理配置**： 在Vue.js项目中，可以修改`vue.config.js`，利用devServer的proxy选项，将API请求代理到后端服务器。 3. **Nginx代理配置**： 在Nginx配置文件中，可以配置反向代理规则，将特定的API请求转发到第三方API服务器。 综上，部署若依框架的前后端分离项目需要对Linux、Nginx、Tomcat、Redis、Vue.js和Spring Boot有一定的了解，同时还需要掌握跨域问题的解决方案。遵循上述步骤，开发者能够成功部署并运行若依项目，实现高效、稳定的服务运行。