启动若依

来到若依的官网：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

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

跨域解决

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

js
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]: ''
        }
      }
    },