若依部署点滴-解决不出现验证码的跨域问题以及刷新404问题

若依的名字起得还挺有诗意，后来看到詹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;
}

加入以上代码后，你会神奇的发现验证码出来了。
以上坑点有赖于以下博主文章：
https://www.cnblogs.com/zhangzaizz/p/16652222.html

以上成功后刷新报404错误，需要在以上基础上增加以下配置：

  location / {
    index  /data/dist/index.html;
    try_files $uri $uri/ /index.html;
  }

以上参考博文如下：
https://blog.csdn.net/yizb2014/article/details/127054513

环境

安装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