访问若依vue版后端api接口

访问若依vue版后端api接口

如何使用Talend API Tester进行访问若依vue-前后端分离版的后端api接口?

方法一:

  1. 写好一个后台api接口,启动项目

访问若依vue版后端api接口_第1张图片

  1. 直接使用Talend API Tester进行访问后台api出现如下错误,原因是因为若依系统有jwt认证,我们没有token被系统拦截了

访问若依vue版后端api接口_第2张图片

3.下面将进行获取token来登录系统。首先,我们需要访问:http://localhost:8080/captchaImage,这个url不需要token认证,可直接获取图片验证码的uuid:05bfd6ae575e4e029d94f9ab1bb53291

访问若依vue版后端api接口_第3张图片

4.然后去Another Redis Desktop Manager根据uuid找到对应的验证码信息(没有的自己下载一个,连接上自己的redis),新增key

访问若依vue版后端api接口_第4张图片

5.刚才的过期了我们又重新获取了一个

访问若依vue版后端api接口_第5张图片

  1. 经过第四步当我们重新请求获取验证码的url,uuid就会刷新到下面,如果没有就刷新一下,然后点击左侧的uuid,在右侧就可以看到10

    访问若依vue版后端api接口_第6张图片

  2. 然后我们拿着10去登录系统:http://localhost:8080/login,获取token,uuid也要带上

    {
    	"username": "admin",
    	"password": "admin123",
    	"code": "10",
    	"uuid": "c0bd44d9191e4cd5a20902b3edcaa6e3"
    }
    

    访问若依vue版后端api接口_第7张图片

  3. 验证码失效了,重新按照上面的步骤获取一下

    访问若依vue版后端api接口_第8张图片

  4. 获取到token

    访问若依vue版后端api接口_第9张图片

  5. 然后我们拿着token去访问后台api:http://127.0.0.1:81/dev-api/statisticsInfo/statistics/list

    eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjY0NGUwZmMxLTBkMjItNDk2Mi04NWRmLWMxNmQzYjQyYmQxMCJ9.0CPl7_uOXY24EsqG0mi5F17GyBVIrDhRio5gjpooY18xuZn-1jq6puINo8l1fjYc-yhS9EGRLH-n-4RFJgCdaw
    

    需要先点击

    访问若依vue版后端api接口_第10张图片

    然后新增一个

    访问若依vue版后端api接口_第11张图片

    被刷新了

    访问若依vue版后端api接口_第12张图片

    如下

    访问若依vue版后端api接口_第13张图片

    换了之后

    访问若依vue版后端api接口_第14张图片

    发起请求就成功了

    访问若依vue版后端api接口_第15张图片

  6. 至此完结

方法二:

  1. 登录进页面,按F12,如下

    访问若依vue版后端api接口_第16张图片

  2. 获取Token

    eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjU4ZTJlNDkyLWM0ZjMtNDk5Zi05ZWU3LWQ2YjJhMWZhNTM1MiJ9.cm_7LeGOSLuI2pdFftNHHIYwftil2oo5B1ZmYBfUZe_dGoMEumpV_0IZFMGAT2KnoJhQu0A_VQ5vS18rm3XrgQ
    
  3. 不加token访问失败

    访问若依vue版后端api接口_第17张图片

  4. 加上token,访问成功

    访问若依vue版后端api接口_第18张图片

  5. 我们重新访问一个api

    访问若依vue版后端api接口_第19张图片

你可能感兴趣的:(Java,vue.js,javascript,java)