1.1 Vue安装

1.下载node.js 使用16版以上

安装完成输入：node -v 判断是否成功

2 安装vue cli

在cmd中输入：npm install -g @vue/cli

3 判断是否安装完成

vue -v

4 创建一个新项目 ：

vue create hello-world 

1.2 如何使用若依的vue前端

1 下载一个若依项目 然后进入项目目录

cd ruoyi-ui

2 每克隆一个新项目必须先下载依赖

在ruoyi-ui 下载依赖

npm install

如果安装失败有可能是权限问题

使用管理员权限打开cmd

3 启动服务

npm run dev

 4  浏览器访问localhost：80

1.3 登录 

1.3.1生成验证码

基本思路

后端生产一个表达式如1+1=2

1+1=? @2

1+1=? 转为图片 传到前端展示

2存入redis

http://localhost/dev-api/captchaImage前端

Vue获取图片 是从后端

反向代理，url 请求前端，进行代理 映射到后端，解决跨域问题

映射对象：target

路径重写 ：pathRewrite 

将\dev-api 替换为“ 再映射http：//localhost:8080

后端代码