若依的名字起得还挺有诗意,后来看到詹sir的项目经历,于是开始研究若依系统。怎么我对java编程知之甚少,一路坎坎坷坷,赶紧做了一下记录。
部署
RuoYi版本就是 所有功能都从一个端口对外提供,这个版本我安装以后总是报数据库表存取错误,无奈放弃。
RuoYi-Vue 前端分离版本。就是后台系统不提供任何内容。只提示如以下:欢迎使用RuoYi后台管理框架,当前版本:v3.8.5,请通过前端地址访问。
jar包用 Maven 选ruoyi下的Lifecycle 双击 package 进行生成。
就这个还占一个端口真的好浪费。由于端口冲突,我把端口从8080 调整到了 8089。系统打包成jar文件,然后上传服务器,使用以下命令启动。va -jar ruoyi-admin.jar --server.port=8089
java项目也可以从宝塔直接添加,不过和添加PHP项目略有区别。
前端为ruoyi-ui,Vue编写的,本机调试状态为端口1024,基于node.js服务器,npm install
npm run dev
以上在本机调试使用。
系统调试完毕,通过执行bin下的build生成dist文件,让后将这个静态文件上传到www服务器即可。
配置跨域访问
打开前端页面发现验证码无法显示,且存在访问错误,这个原因是跨域问题造成的,通过设置nginx予以解决,理论研究了很多不如直接上代码。
在宝塔网站配置上面直接加入代码,如下:
location /dev-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://ry.franksite.cn:8089/;
proxy_connect_timeout 6000s;
proxy_read_timeout 6000s;
proxy_send_timeout 6000s;
}
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://ry.franksite.cn:8089/;
proxy_connect_timeout 6000s;
proxy_read_timeout 6000s;
proxy_send_timeout 6000s;
}
location /profile/{
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://ry.franksite.cn:8089/profile/;
client_max_body_size 100m;
client_body_buffer_size 256k;
proxy_connect_timeout 6000s;
proxy_read_timeout 6000s;
proxy_send_timeout 6000s;
proxy_buffer_size 32k;
proxy_buffers 4 64k;
proxy_busy_buffers_size 128k;
proxy_temp_file_write_size 10m;
}
加入以上代码后,你会神奇的发现验证码出来了。
以上坑点有赖于以下博主文章:
以上成功后刷新报404错误,需要在以上基础上增加以下配置:
location / {
index /data/dist/index.html;
try_files $uri $uri/ /index.html;
}
以上参考博文如下:
环境
安装redis
安装mysql数据库
- 建立数据库
- 导入sql数据表
- 修改java程序中的数据库连接参数(数据库名称,用户名,密码)
ruoyi-admin-src-main-resources-application-druid.yml 配置数据库参数 - 修改vue.config.js里面VUE_BASE_API的taget地址,要和所安装的后端地址和端口保持一致。
好了,此时在浏览器中输入ip地址:8089 应该能看到提示信息了。输入ip地址:1024就可以登录系统的后端管理系统了。这里的默认用户名和密码是: admin/admin123