若依框架前后端项目分离部署(jar包+Nginx部署)

若依框架前后端项目分离部署(jar包+Nginx部署)

最近用偌依的前后端分离框架做了一个小项目,想要部署到另外一台windows电脑(服务器)上的时候出了一点问题,最后解决,写一篇文档总结一下。

1.部署必备

要将项目部署到服务器,该服务器必须具备以下几个条件:
1.JDK1.8以上
2.Tomact(如果部署jar包则不用)
3.Nginx (必备)
4.Redis服务(直接下载运行不设置服务也可以)
5.Mysql的连接以及正确性

2.打包

这一步可以参照官网给出的文档,这里我之写明我实现了所用到的部分

2.1后台打包

如果需要打包到Tomact,则将ruoyi/pom.xml中的packaging修改为war,这里使用的是jar包,所以不需要更改。
在这里插入图片描述
然后通过Maven进行打包即可。

2.2前端打包

在控制台输入打包命令
在这里插入图片描述

# 打包正式环境
npm run build:prod

# 打包预发布环境
npm run build:stage

打完以后会产生一个名叫dist的文件夹
在这里插入图片描述

3.部署

第一步,启动数据库。
第二步,启动Redis服务
在Redis文件路径上直接输入cmd回车以后输入redis-server.exe redis.windows.conf,不会的可以看这个window启动redis
第三步,运行后台的jar包(或Tomact部署war包)。

关键开始:
第四步:配置Nginx,首先将刚刚打好的前端包(dist文件夹)放入到Nginx中的HTML文件夹里。
在这里插入图片描述
然后返回一层到conf下修改nginx配置文件在这里插入图片描述
我的修改如下,复制的时候将注释删除:

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       90;//前端项目的端口
        server_name  localhost;
        location / {
        root   html/dist;//刚刚保持的路径
        index  index.html index.htm;
        }
		
      location /prod-api/{
      	proxy_set_header Host $http_host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header REMOTE-HOST $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_pass http://localhost:8090/;//后台项目的运行端口
}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

做完这些以后运行Nginx,然后访问前端的端口(90)就可以啦!

  • 7
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
若依框架前后端分离项目部署可以按照以下步骤进行: 1. 下载前后端分离版本:你可以从若依框架的官方网站(https://gitee.com/y_project/RuoYi-Vue)下载前后端分离版本的代码。 2. 部署后端:将下载的后端代码部署到你的服务器上。若依框架的后端采用Spring Boot和Spring Security,你需要确保你的服务器上已经安装了Java环境,并且配置好了数据库等相关环境。 3. 配置后端:在部署后的后端代码中,你需要根据你的实际情况进行一些配置,例如数据库连接配置、权限认证配置等。具体的配置方式可以参考若依框架的官方文档或者代码中的注释。 4. 构建前端:将下载的前端代码使用npm或者yarn等工具进行构建。在构建之前,你需要确保你的服务器上已经安装了Node.js和相关的包管理工具。 5. 部署前端:将构建后的前端代码部署到你的服务器上。你可以将前端代码部署到任意的静态文件服务器上,例如Nginx、Apache等。 6. 配置前端:在部署后的前端代码中,你可能需要根据你的实际情况进行一些配置,例如后端接口的地址等。具体的配置方式可以参考若依框架的官方文档或者代码中的注释。 7. 启动项目:在完成以上步骤后,你可以启动你的前后端分离项目了。你可以访问前端页面,通过前端页面与后端进行交互。 请注意,以上步骤仅为一般的部署流程,具体的部署方式可能会因为你的实际情况而有所不同。建议你参考若依框架的官方文档或者向若依框架的开发者寻求帮助以获取更详细的部署指导。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值