1.生成图片验证码

1.1 修改components\common\lab_header.vue添加图片验证码

• 只需要把原始的url路径修改成

    getImgUrl() {
      let uuid = this.getUuid()
      this.uuid = uuid
      let url = 'http://192.168.56.100:8888/verify/image_codes/?uuid=' + uuid
      // let url = 'http://192.168.56.100:8888/verify/image_codes/?uuid=66ea64aa-fbe6-11ea-a3d3-005056c00008'
      this.imgUrl = url
    },

2.前端学习方法

• 1.找路由：src\router\index.js，根据路由找到xxx.vue文件

• 2.分析xxx.vue

  • 1.点击按钮的html位置
  • 2.点击后触发什么一个js函数
    • js函数从后端获取了什么数据
    • 获取到数据以后做了什么修改

• 3.发送请求（axios封装）

  • components\axios_api\apis.js
  • components\axios_api\http.js
  • 导入并使用