若依框架前后端分离

启动若依

来到若依的官网：https://www.ruoyi.vip/

下载它的框架，使用git下载到本地

git clone https://gitee.com/y_project/RuoYi-Vue.git

在application.yml和application-druid.yml中修改mysql和redis的配置

接着将sql文件夹下的文件运行，是两个.sql文件，里面是数据库的表

ruoyi-ui，这个是前端的文件夹，我们在vscode中打开，并在终端输入npm i下载对应的依赖

下载完成后，启动后台，启动成功后，在任意浏览器输入localhost:8080可以看到对应的后端页面，接着在前端文件夹的终端下，输入npm run dev，此时前端的页面就运行起来了

到这里，若依的启动就完毕了

登录

生成验证码

前端思路

后端生成一个表达式：1+1=2这种

接着将它修改为1+1=?@2这种，此时就得到了一个验证码图片的雏形，将1+1=?转成图片，传到前端进行展示，而2就是答案，中间的@就是用于进行分割所得到的结果

登录的具体流程

后端：

1. 校验验证码
2. 校验用户名和密码
3. 生成Token

使用异步任务管理器，结合线程池，实现了异步的操作日志记录，和业务逻辑实现异步解耦合

跨域解决

反向代理：当出现跨域问题时，可以通过配置代理服务器的方式映射端口

proxy: {
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: `http://localhost:8080`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },