VUE调用ceph开源API

在被ceph开源文档折磨一个月后,我终于学会了调用ceph的dashboard开源api。在此处记录一下(cpeh小白,有错误请指正!!)

ceph开源的API文档分为两种----mgr的restful接口;mgr的dashboard的api

一. 调用Dashboard的API

参考文档:ceph的api官方文档

(1)搭建ceph系统开启dashboard模块,我开启的地址为104.160.1.5:8080
(2) 访问dashboard页面,点击左上角的API按钮,打开API文档

文档的默认地址为104.160.1.5:8080/api

(3) 根据官方文档显示,调用此api需要进行认证和授权

在这里插入图片描述
我先用postman进行auth验证:

  • 请求方式:post
  • 参数:{‘username’:user,‘passowrd’:pass}
  • 返回值:token和其他信息

注意:username和password为登录dashboard的用户名和密码,需要提前设置;返回值获取到token先保存,接下来会用到


vue项目中使用axios请求进行登录验证(url为proxy代理后的地址,相当于‘http://104.161.1.5/api/auth’):

      axios({
        url:'apis/auth',
        method:'post',
        headers: {
          'Content-Type':'application/json'
        },
        data: JSON.stringify({
          username: user,
          password: pass
        })
      })
      .then(function(res){
        console.log('登录成功!')
      }).catch(err => {
        console.log(err)
      })
(4)登录验证成功后用token进行其他接口请求

vue中:
把获取的token添加到headers中,注意token前边需要添加Bearer
在这里插入图片描述

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐