当前位置:   article > 正文

若依框架(前后端分离)打war包部署到linux_若依打war包

若依打war包

一、前端部署

1.找到ruoyi-ui目录。

 2.安装依赖。

        npm install

3.执行以下操作,解决 npm 下载速度慢的问题。

        npm install --registry=https://registry.npmmirror.com

4.修改vue.config.js,若后端采用的是默认8080端口,则不用修改,默认就是8080端口。

 5.打包,执行如下命令。

        npm run build:prod

执行完命令,会在ruoyi-ui目录下生成dist文件,将此文件复制到linux某个目录下,如下图:

 在dist目录下,新建WEB-INF文件夹,进入WEB-INF,新建web.xml文件,添加如下内容:

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4. xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
  5. http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
  6. version="3.1" metadata-complete="true">
  7. <display-name>Router for Tomcat</display-name>
  8. <error-page>
  9. <error-code>404</error-code>
  10. <location>/index.html</location>
  11. </error-page>
  12. </web-app>

二、nginx配置(自行安装)

 1.配置nginx.conf文件

 

  1. location /{
  2. root /data/ruoyi/project/dist;
  3. try_files $uri $uri/ /index.html;
  4. index index.html index.htm;
  5. }
  6. location /prod-api/{
  7. proxy_set_header Host $http_host;
  8. proxy_set_header X-Real-IP $remote_addr;
  9. proxy_set_header REMOTE-HOST $remote_addr;
  10. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  11. proxy_pass http://localhost:6007/;
  12. }

2.配置完启动nginx,若已启动,则重新加载

3.此时在浏览器里输入地址   {服务器公网ip}:{前端端口号}

看到如下页面,则说明前端部署成功了,502是因为后端还未启动

三、后端部署

   官网要求:

 1.修改ruoyi-admin中pom.xml,打成war包

  1. <dependency>
  2. <groupId>org.springframework.boot</groupId>
  3. <artifactId>spring-boot-starter-web</artifactId>
  4. <!--忽略掉内嵌的tomca 打包部署到tomcat -->
  5. <exclusions>
  6. <exclusion>
  7. <groupId>org.springframework.boot</groupId>
  8. <artifactId>spring-boot-starter-tomcat</artifactId>
  9. </exclusion>
  10. </exclusions>
  11. </dependency>

2.配置application.yml,修改文件路径,服务端口,以及Redis

 

 3. 配置application-druid.yml,配置数据源

4.修改logback.xml中的日志路径

 5.推荐先clean,再package进行打包

 6.打包成功后,会在ruoyi-admin,target目录下,生成对应的war包

 7.将此war包上传至tomcat,webapps目录下

四、 配置tomcat

1.找到tomcat配置文件server.xml

 2.修改server.xml端口(根据自己的项目确定是否要修改)

3.修改server.xml中的Host,添加Context

 <Context docBase="/usr/local/tomcat9/apache-tomcat-9.0.68/webapps/ruoyi-admin" path="" reloadable="false" crossContext="true"/>

4.配置完成以后,重新启动tomcat

 5.查看tomcat启动日志,若未出错,在浏览器重新输入 {服务器公网ip}:{前端端口号},若出现了验证码,则说明前后端均已部署成功。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/165356?site
推荐阅读
相关标签
  

闽ICP备14008679号